Scribd
Upload
49 views10 pages

HTML Basic Tags and Their Uses

The document describes basic HTML tags and their uses, including tags for headings, paragraphs, images, links, lists, tables, forms, text formatting, and more. It provides examples of how to use each tag and highlights important attributes.

Uploaded by

Vannila
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
49 views10 pages

HTML Basic Tags and Their Uses

The document describes basic HTML tags and their uses, including tags for headings, paragraphs, images, links, lists, tables, forms, text formatting, and more. It provides examples of how to use each tag and highlights important attributes.

Uploaded by

Vannila
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
You are on page 1/ 10

Html basic tags and their uses

<!DOCTYPE html> - used to tell this is html 5


<html>
<head>
<title></title> - used to set the name of the tab
</head>
<body>
</body>
</html>

<b> - bold
<I> - italics
<u> underline
<h1> to <h6> - heading tag
<br> - line break
<img src=” ” width=”“ height=”” alt=””>
note: alt is used to tell the user what is the image
means when the image failed to view
<!-- --> - used to write hint ,writing anything in
between this tag won’be executed
Html basic tags and their uses

<a href=”” target=”_blank”> Download link</a> - used


to add link to the website. target is used to open the
given link in the new tab or else the link will be opened
in the current tab
<a href = “images.jpg” download>
download attribute enables the user to download
whatever you give in the link
Example:

<!DOCTYPE html>
<html>
<head>
<title>irshath tech </title>
</head>
<body>
<h1 id=”top”>Welcome!!</h1>
<br>
<p> Hello mate in this page you can visit the official
page to download pycharm</p>
<img src="pycharm.png" width="200 "alt="pycharm">
Html basic tags and their uses

<br>
<a href="https://www.jetbrains.com/pycharm/">
Download pycharm </a>
<a href=”#top”> back to top of the page </a>
</body>
</html>
In the highlighed tag #top is used to go to the top of
the page if you are in the end of a webpage for that
you need to set an id (I.e) <h1 id=”top”> .

Upper and lower format:


<p> Hello mate in this page you can visit
1<sup>st</sup> the official page to <sub>download
pycharm</sub></p>
</body>
</html>
Sup is used to view the written text in upper format
Sub is used to view the written text in lower format

Font settings:
<p> Hello mate in this<em> page</em> you can visit
the <strong>official page</strong> </p>
Html basic tags and their uses

Strong is used to make text dark like bold


Em is used to make text like italics

Special characters:
<h1> copyright &copy; </h1> - & is used to make
special characters like ©®™¥ etc.. We can search on
google for more special characters html codes

Ordered list:
<ol>
<li>irshath</li>
<li>abdul</li>
<li>umar</li>
</ol>
Output:
1.irshath
2.abdul
3.umar

Unordered list:
Html basic tags and their uses

<ul>
<li>irshath</li>
<li>abdul</li>
<li>umar</li>
</ul>
Output:
•irshath
•abdul
•umar

You can use ordered list and unordered list mixed up


also you can use links also

TABLES:
<table>
<tr>
<th>name</th>
<th>roll no</th>
<th>dob</th>
</tr>
Html basic tags and their uses

<tr>
<td>irshath</td>
<td>1832</td>
<td>23-10-2000</td>
</tr>
</table>
Tr = Table row
Th=Table header
Td = Table data
Note: if you want to create a new row <tr></tr> should
be used

Form:
Form is used to collect input from user like a login
page.
Example:
<label for="name">username</label>
<input type="text" id="name" name="name"><br>
<label for="password">password</label>
Html basic tags and their uses

<input type="password" id="password"


name="password" placeholder="enter your
password"><br>
<input type="submit" id="submit"
name="submit"><br>
<input type="radio" id="radio" name="radio">
<label for="radio">python</label>
<input type="radio" id="radio" name="radio">
<label for="radio">java</label>
<input type="radio" id="radio" name="radio">
<label for="radio">c++</label><br>
<input type="checkbox" id="checkbox"
name="checkbox">
<label for="checkbox">python</label>
<input type="checkbox" id="checkbox"
name="checkbox">
<label for="checkbox">java</label>
<input type="checkbox" id="checkbox"
name="checkbox">
<label for="checkbox">c++</label>
<br>
<button type="submit">submit</button>
Html basic tags and their uses

Label:
Label is used to name the input box you can write
anything inside the label. note: <label
for=”username”> and the <input type=”text”
id=”username”> should be same or else it won’t work
Input type:
1.text
2.radio
3.checkbox
4.submit
5.password
6.email
There are lot of input types in html I wrote some which
I know
1.text is for writing names
2.radio button means clicking like choose the correct
answer
3.checkbox means you can choose multiple answers.
4.submit is used to submit the data like clicking login in
facebook
5.password is used to hide the letters using dot
character
Html basic tags and their uses

The button type is used to create click button you can


name the button anything.

Textarea:
Textarea is used to write feedback . it creates a big box
where you can write anything.
Example:
<p>Description</p>
<textarea name="" id="" cols="20" row="10">
</textarea>

Select:
Select is used to select things
Example:
<select name="coding" id="">
<option value="javascript">javascript</option>
<option value="python">python</option>
<option value="html">html</option>
The value must be same as the name you’ve given
Html basic tags and their uses

<meta name = ‘keywords’ content = “html, css”>


this tag is used for search engine optimization you can
write keywords of your website to visible when a user
google it.

<meta name = “description” content = “welcome to


my page”>
in this tag whatever you type in the content will be
shown below your link in the search engine.
www.validatorw3.org use this website to check your
html code is correct or not
HTML BASICS COMPLETED🤩

You might also like