Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
23 views

HTML NOTES Lecture-01

Uploaded by

dikshapoptani1
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
23 views

HTML NOTES Lecture-01

Uploaded by

dikshapoptani1
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

HTML NOTES

Lecture 1
What is coding?
Coding, also known as programming, refers to the process of creating
instructions or commands for a computer to follow. It involves writing sets of
instructions using a specific programming language to develop software,
applications, websites, and other digital solutions.
What is HTML and coding?
In the context of HTML, coding refers to the process of writing HTML code to
create and structure the content of a webpage. HTML coding involves using
HTML tags, attributes, and elements to define the elements and their
relationships within the webpage.
When coding in HTML, you use a text editor or an integrated development
environment (IDE) to write HTML code. HTML is a markup language, not a
programming language, so the coding process in HTML primarily focuses on
defining the structure and presentation of the content rather than implementing
complex logic or algorithms.
Why is HTML important?
HTML is incredibly important for several reasons:
• HTML provides a standardized way to structure and organize the content
of webpages. It defines elements such as headings, paragraphs, lists,
tables, and more, allowing web designers and developers to create well-
organized and semantically meaningful documents.
• HTML is the backbone of the World Wide Web and is supported by all
modern web browsers on various operating systems and devices. This
cross-platform compatibility ensures that HTML-based webpages can be
accessed and rendered consistently across different devices, including
desktop computers, laptops, tablets, and mobile phones.
• HTML enables the creation of hyperlinks, allowing users to navigate
between webpages and websites.
• HTML seamlessly integrates with other web technologies, such as CSS
(Cascading Style Sheets) and JavaScript.
• HTML is designed to be extensible, allowing the addition of new
elements, attributes, and features through the use of standards and
specifications.
• HTML serves as a foundational language for web development. It
provides a starting point for building websites and web applications,
allowing developers to create and structure the content.
Concepts important to know for coding in HTML:
1. HTML Tags: HTML is based on a system of tags, which are used to define
and structure elements within a webpage. Tags are enclosed in angle brackets
(<>) and consist of an opening tag, content, and a closing tag. For example,
<p> is the pening tag for a paragraph, and </p> is the closing tag.

2. Elements: HTML elements are defined by tags and represent different


parts of a webpage. Elements can include headings, paragraphs, lists,
images, links, tables, forms, and more. Each element has a specific purpose
and may have associated attributes.

3. Attributes: HTML attributes provide additional information or instructions


for elements. They are added to the opening tag of an element and consist of
a name and a value. For example, the href attribute in an anchor (<a>) tag
specifies the destination URL for a hyperlink.

4. Document Structure: HTML documents have a specific structure. They


typically include a doctype declaration, a head section, and a body section.
The doctype declaration informs the browser about the HTML version being
used, while the head section contains meta-information, linked stylesheets,
scripts, and other document-level data. The body section contains the visible
content of the webpage.

5. Semantic Markup: Semantic HTML involves using appropriate HTML


elements to convey the meaning and structure of content. By choosing the
correct elements (e.g., using <header> for a page header or <nav> for
navigation), semantic markup enhances accessibility, search engine
optimization, and overall document structure.

6. Nesting and Hierarchy: HTML elements can be nested within each other
to create hierarchical relationships and structure. Proper nesting ensures that
elements are opened and closed in the correct order and that the structure is
well-formed.

7. Links and Navigation: HTML provides the <a> tag for creating
hyperlinks. Links allow users to navigate between webpages or sections
within a page. Understanding how to create and use links is essential for
effective navigation and user experience.

8. Forms and Input Elements: HTML forms enable user interaction and data
submission on websites. Form elements, such as <input>, <select>, and
<textarea>, allow users to enter and submit data. Understanding how to
create forms and work with different input types is crucial for collecting user
input.

9. Multimedia Elements: HTML supports the inclusion of multimedia


elements like images, audio, and video. Using tags such as <img>, <audio>,
and <video>, you can embed and control multimedia content within
webpages.

10. HTML5 Features: HTML5 introduced new features and elements to


enhance web development. These include the <canvas> element for drawing
graphics, the <audio> and <video> elements for native media support, the
<progress> and <meter> elements for visualizing progress and
measurements, and the <localStorage> and <sessionStorage> APIs for client-
side storage, among others.

You might also like