Scribd
Upload
27 views1 page

HTML Advanced Notes

The document provides advanced notes on HTML, covering semantic tags, div and span elements, various input types, audio and video embedding, meta tags, iframes, HTML entities, and form structure. It emphasizes the importance of semantic tags for SEO, the use of alt attributes in images, and proper code indentation. Additionally, it highlights that HTML5 is the latest version of HTML.

Uploaded by

ap639798
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
27 views1 page

HTML Advanced Notes

The document provides advanced notes on HTML, covering semantic tags, div and span elements, various input types, audio and video embedding, meta tags, iframes, HTML entities, and form structure. It emphasizes the importance of semantic tags for SEO, the use of alt attributes in images, and proper code indentation. Additionally, it highlights that HTML5 is the latest version of HTML.

Uploaded by

ap639798
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

HTML Advanced Notes

1. Semantic Tags (HTML5):


<header> - Top section of page
<footer> - Bottom section
<section> - Page section
<article> - Independent content
<nav> - Navigation links

2. Div and Span:


<div> - Block level container
<span> - Inline container

3. Input Types:
<input type="text">
<input type="email">
<input type="date">
<input type="radio">
<input type="checkbox">
<input type="file">

4. Audio and Video:


<audio controls>
<source src="audio.mp3" type="audio/mpeg">
</audio>

<video width="300" controls>


<source src="video.mp4" type="video/mp4">
</video>

5. Meta Tag:
<meta charset="UTF-8">
<meta name="description" content="HTML tutorial">

6. Iframe:
<iframe src="[Link]

7. HTML Entities:
&lt; = Less than (<)
&gt; = Greater than (>)
&amp; = & symbol
&nbsp; = Space

8. Form Structure (Proper Example):


<form action="[Link]" method="post">
Name: <input type="text" name="username"><br>
Email: <input type="email" name="email"><br>
<input type="submit" value="Submit">
</form>

9. Important Points:
- Semantic tags improve SEO.
- Always use alt attribute in images.
- Use proper indentation for clean code.
- HTML5 is latest version.

You might also like