Scribd
Upload
6 views5 pages

HTML Basics: Tags and Structure Guide

HTML, or Hypertext Markup Language, is the foundational language for creating web pages, utilizing various tags to structure content. Key elements include headings, anchor tags, image tags, lists, and iframes, which serve specific purposes in web development. The document also highlights the importance of attributes like 'alt' for images and the 'hr' tag for creating horizontal lines.

Uploaded by

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

HTML Basics: Tags and Structure Guide

HTML, or Hypertext Markup Language, is the foundational language for creating web pages, utilizing various tags to structure content. Key elements include headings, anchor tags, image tags, lists, and iframes, which serve specific purposes in web development. The document also highlights the importance of attributes like 'alt' for images and the 'hr' tag for creating horizontal lines.

Uploaded by

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

HTML

HTML – Building blocks of a web page


Definition
HTML stands for Hypertext Markup Language and is used to create web
[Link] is a blueprint for the website.
HTML TAGS
<h1>Hello</h1>

<h2>Hello</h2>
<h3>Hello</h3>
<h4>Hello</h4>
<h5>Hello</h5>
<h6>Hello</h6>
<h7>Hello</h7>(in html only 6 heading tag. this h7 is not a tag)
Hello
Output:

Hello
Hello
Hello

Hello
Hello

Hello

Hello Hello
<h1>Web Development</h1>
<h2>FrontEnd Development</h2>
<h3>.......[Link]</h3>
<h3>........[Link]</h3>
<h4>..........[Link]</h4>
<h3>.......[Link]</h3>
<h4>..........[Link] JS</h4>
<h4>..........[Link] JS</h4>

output
Web Development
FrontEnd Development
.......[Link]

........[Link]

..........[Link]

.......[Link]

..........[Link] JS

..........[Link] JS

ANCHOR TAG

( "Clicking on Zomato should take us to the Zomato website.")

<a href="[Link]

Zomato

IMAGE TAG
<img src="[Link]"><br>
<a href="[Link] about
food</a>

song about food


CENTER TAG
<center>
<img src="[Link]"><br>
<a href="[Link] about
food</a>
</center>

song about food


ALT ATTRIBUTE

<center>
<img src="[Link]" alt="pizza image" width="100px"><br>
<a href="[Link] about
food</a>
</center>

If the spelling in img src="[Link]" is wrong, the image won't load, so the text in the alt
attribute will be shown instead.

ORDERED LIST
<ol>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ol>

1. One
2. Two
3. Three

UNORDERED LIST

<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ul>

 One

 Two

 Three

IFRAME
Another website opens or appears inside my website
<iframe src="[Link]

output

[Link] refused to connect (some website not allowed)

HR TAG

<hr>

HR tag creates the horizontal line.

You might also like