HTML is a markup language that can create web pages.Its full meaning Hyper Text Markup Language.Mainly we use to make web pages by using HTML tags. Such as <head></head><body></body>,<div></div>,<h1></h1> etc.For starting a web page making, you have to write the flowing tags...<html><head><title></title></head><body></body></html>.Whenever ,you will write this tags on notepad or natepade++ or dream weaver etc as your own wish, after then "save as " as a new file and must extension ".html" after putting the file name.Now run it with your web browser and your browser will show you a fresh web page.Now you want to show your name on your browser...ok good just write your name inside "<body>your name</body>" .Now you want to show your name in the big size , write this inside"<body><h1>your name</h1></body>".Now you can create web page then you need to know web page design.Before learning web page design you have to keep good knowledge about html tags / code.Bellow you will get idea about most common tags in html and their work.One important thing, keep your mind that most of the html tags remain start and close.
1.<html></html>:-This code starts html.All tags/codes of html write inside this tags.
2.<head></head>:-This section mainly use to write page title ,that browser show on the top tab, by using "<title></title>"tag .Example:<head><title>Write your page title</title></head>.Internal "css code " also write inside this tag.External page link connection also write before finishing </head> this tag.
3.<body></body>:-Your all content write inside this tag.Such as image,text,audio,video,blog etc.
4.<h1></h1>:-This tag maintains font size.It is extended upto <h6></h6>.h1 tag will give you the biggest and h6 tag the smallest size.Example <h1>biggest</h1>,<h2>bigger</h2>,<h3>big</h3>,<h4>small</h4>,<h5>smaller</h5>,<h6>smallest</h6>.
5.<p></p>:-This is paragraph tag.
6.<b></b>:-This tag makes font weight bold.
7.<u></u>:-This tag makes underline .
8.<a></a>:-This tag is used to make link.Example <a href="about.html">write your link name</a>.
9.<table></table>:-This tags are used to make table.Example a table structure:
<html>
<head>
<title>This is my table</title>
</head>
<body>
<table width="400px" height="300px">
<tr><td>Name</td><td>Address</td><td>Phone</td></tr>
<tr><td>Jack</td><td>California,USA</td><td>77770214</td></tr>
<tr><td>Jack</td><td>California,USA</td><td>77770214</td></tr>
<tr><td>Jack</td><td>California,USA</td><td>77770214</td></tr>
</table>
</body></html>
Here "tr" tag makes row and "td" line extend.
10.<ul></ul>:-This tag makes unorder list include <li> tag.Example:
<ul><li>one</li><li>two</li><li>three</li><li>four</li></ul>.
11.<ol></ol>:-This tag makes order list.Example:
<ol><li>one</li><li>two</li><li>three</li><li>four</li></ol>.
12.</hr>:-This tag makes underline.This tags do not need start and close.
13.<br />:-This tag makes break line.Example:
<html>
<head>
<title>This is my table</title>
</head>
<body>
Our country is very beautiful.<br />It is also developing.
</body></html>
14.<strong></strong>:-Defines important text.
15.<sub></sub>:-Defines subscripted text.
16.<sup></sup>:-Defines superscripted text.
17.<form></form>:-Defines an HTML form for user input.
18.<input></input>:-Defines an input control.
19.<option></option>:-Defines an option in a drop-down list.
20.<textarea></textarea>:-Defines a multiline input control (text area).
21.<button></button>:-Defines a clickable button.
22.<label></label>:-Defines a label for an <input> element.
23.<img></img>:-For showing images on the web browser.
24.<audio></audio>:-Defines sound content.
Example:
<html>
<head></head>
<body>
<audio controls>
<source src="file name.ogg" type="audio/ogg">
<source src="file name.mp3" type="audio/mpeg">
</audio>
<p>Note: The audio tag is not supported in Internet Explorer 8 and earlier versions.</p>
</body>
</html>
25.<video></video>:-Defines a video or movie.
Example:
<html>
<head></head>
<body>
<video width="320" height="240" controls>
<source src="file name.mp4" type="video/mp4">
<source src="file name.ogg" type="video/ogg">
</video>
<p>Note: The video tag is not supported in Internet Explorer 8 and earlier versions.</p>
</body>
</html>.
No comments:
Post a Comment