HTML
HTML
HTML stands for Hypertext Markup Language and is used to create the structure and content of a web page. A markup language is a computer language that defines the structure and presentation of the raw text.
- HTML Tag - The element name, surrounded by an opening (<) and closing (>) bracket.
- Opening tag - The first HTML tag used to start an HTML element. The tag type is surrounded by opening and closing angle bracket.
- The enclosed element is the child of the enclosing parent element. Any visible content should be placed with in the opening and closing <body> tags.
- Heading and subheadings, <h1> to <h6> tags, are used to enlarge text.
- <P>,<Spam> and <Dir> tags specify text or blocks.
- The <em> and <strong> tags are used to emphasize text.
- Line breaks are created with the <Br> tag.
- Ordered lists <ol> are numbered and unordered lists <ul> are bulleted.
- Images <img> and videos <video> can be added by linking to an existing source.
- To make tables, <table></table> tag is used; inside the table to put table heading <th></th>; table data<tr></tr> is used. To merge colums <colspan=""> ; to merge rows <rowspan=""> is used.
- To put selection ethir this or that Radio bution is uesd <input type="radio" name="" value="">
- To put multiple selection checkbox is used <input type="checkbox" name="" value="">
The following will guide you more about it :
1)The basic HTML tag:
<!DOCTYPE html>
<html>
<body>
<p>My first paragraph.</p>
</html>
2)HTML heading
<!DOCTYPE html>
<html>
<body>
<h1>Ficus religiosa</h1> <h2>sacred fig<h2> is a species of fig native to the <h3>Indian subcontinent</h3> and <h4>Indochina</h4> that belongs to <h5>Moraceae,</h5> <h6>mulberry family.</h6>
<p>It is also known as the bodhi tree, pippala tree, peepul tree, peepal tree or ashwattha tree.</p>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<h1>Ficus religiosa</h1> <h2>sacred fig<h2> is a species of fig native to the <h3>Indian subcontinent</h3> and <h4>Indochina</h4> that belongs to <h5>Moraceae,</h5> <h6>mulberry family.</h6>
<p>It is also known as the bodhi tree, pippala tree, peepul tree, peepal tree or ashwattha tree.</p>
</body>
</html>
3)HTML paragraph
<!DOCTYPE html>
<html>
<body>
<p>An integrated development environment (IDE) is a software application that provides comprehensive facilities to computer programmers for software development. <div>An IDE normally consists of</div> a source code editor, build automation tools, and a debugger. Most modern IDEs have intelligent code completion.</p>
</body>
</html>
<body>
<h2>HTML Links</h2>
<p><a href="https://www.google.com/">Visit google</a></p>
</body>
</html>
<body>
<h2>Select Gender</h2>
<form>
<input type="radio" name="gender" value="male" checked> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<input type="radio" name="gender" value="other"> Other
</form>
</body>
</html>
6)HTML form
<!DOCTYPE html>
<html>
<body>
<p>An integrated development environment (IDE) is a software application that provides comprehensive facilities to computer programmers for software development. <div>An IDE normally consists of</div> a source code editor, build automation tools, and a debugger. Most modern IDEs have intelligent code completion.</p>
</body>
</html>
4)HTML links
<!DOCTYPE html>
<html><body>
<h2>HTML Links</h2>
<p><a href="https://www.google.com/">Visit google</a></p>
</body>
</html>
5)HTML button
<!DOCTYPE html>
<html><body>
<h2>Select Gender</h2>
<form>
<input type="radio" name="gender" value="male" checked> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<input type="radio" name="gender" value="other"> Other
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<h2>HTML Forms</h2>
<form action="">
<fieldset> <legend> Log in </legend>
First name:<br>
<input type="text" name="firstname" value="Jane">
<br>
Last name:<br>
<input type="text" name="lastname" value="Eyre">
<br><br>
Select Gender<br>
<input type="radio" name="gender" value="male" checked> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<input type="radio" name="gender" value="other"> Other <br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
7)HTML formattting
<!DOCTYPE html>
<html>
<body>
<p><i>Ficus religiosa</i> or <em>sacred fig </em>is a species of <del>fig</del> native to the <b>Indian subcontinent</b> and <strong>Indochina </strong> that belongs to <small>Moraceae,</small> the fig or <mark>mulberry family</mark>. It is also known as the bodhi tree, <ins>pippala tree</ins>, peepul <sup>tree</sup> peepal <sub>tree</sub> or ashwattha tree. </p>
</body>
</html>
<html>
<body>
<h2>HTML Forms</h2>
<form action="">
<fieldset> <legend> Log in </legend>
First name:<br>
<input type="text" name="firstname" value="Jane">
<br>
Last name:<br>
<input type="text" name="lastname" value="Eyre">
<br><br>
Select Gender<br>
<input type="radio" name="gender" value="male" checked> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<input type="radio" name="gender" value="other"> Other <br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<p><i>Ficus religiosa</i> or <em>sacred fig </em>is a species of <del>fig</del> native to the <b>Indian subcontinent</b> and <strong>Indochina </strong> that belongs to <small>Moraceae,</small> the fig or <mark>mulberry family</mark>. It is also known as the bodhi tree, <ins>pippala tree</ins>, peepul <sup>tree</sup> peepal <sub>tree</sub> or ashwattha tree. </p>
</body>
</html>
8)HTML table
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<table border="2" cellpadding="0" cellspacing="0" align="center">
<tr align="center">
<th>Time Slot</th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thursday</th>
<th>Friday</th>
<th>Saturday</th>
<th>Sunday</th>
</tr>
<tr>
<td>9.00-9.45</td>
<td> Fitness Club Live Fit</td>
<td> Fitness Club Live Fit</td>
<td> Fitness Club Live Fit</td>
<td> Fitness Club Live Fit</td>
<td> Fitness Club Live Fit</td>
<td rowspan="7" colspan="2"> Special Day Workshops maybe held and
a weekday leave will be given instead. </td>
</tr>
<tr>
<td>9.45-10.30</td>
<td>Touchtyping and Blogging</td>
<td>Touchtyping and Blogging</td>
<td>Touchtyping and Blogging</td>
<td>Touchtyping and Blogging</td>
<td>Touchtyping and Blogging</td>
</tr>
<tr>
<td>10.30-12.00</td>
<td rowspan="2">Programming Theory/Practicals</td>
<td rowspan="2">Programming Theory/Practicals</td>
<td >Programming Theory/Practicals</td>
<td rowspan="2">Programming Theory/Practicals</td>
<td rowspan="2">Programming Theory/Practicals</td>
</tr>
<tr>
<td>12.00-1.00</td>
<td colspan="1" align="center">Tech Talk</td>
</tr>
<tr>
<td>1.00-2.00</td>
<td colspan="5" align="center">Lunch Break</td>
</tr>
<tr>
<td>2.00-4.00</td>
<td>Programming Practicals/Project</td>
<td>Personal Coaching</td>
<td>Programming Practicals/Project</td>
<td>Personal Coaching</td>
<td>Programming Practicals/Project</td>
</tr>
<tr>
<td>4.00-5.00</td>
<td>Uki Fitness Club</td>
<td>Uki Gavel Club</td>
<td>Uki Fitness Club</td>
<td>Uki Fitness Club</td>
<td>Uki Gavel Club</td>
</tr>
</table>
</body>
</html>
9)HTML color
<!DOCTYPE html>
<html>
<body>
<h1 style="background-color:lightBlue;">Bo tree</h1>
<p style="background-color:pink;color:Blue;">
Ficus religiosa or sacred fig is a species of fig native to the Indian subcontinent and Indochina that belongs to Moraceae, the fig or mulberry family. It is also known as the bodhi tree, pippala tree, peepul tree, peepal tree or ashwattha tree
</p>
</body>
</html>
10)HTML links
<!DOCTYPE html>
<html>
<body>
<h2>HTML Links</h2>
<p><a href="https://www.google.com/search?source=hp&ei=R2__W4OrCYWe9QP_iouICw&q=bo+tree&oq=bo&gs_l=psy-ab.1.0.35i39l2j0i131l4j0j0i131l3.1478.1951..4136...1.0..0.543.855.0j2j5-1......0....1..gws-wiz.....6.UoOu_Nkpnyw">bo tree</a></p>
</body>
</html>
11)HTML image
<!DOCTYPE html>
<html>
<body>
<h2>HTML Image</h2>
<img src="pic_trulli.jpg" alt="Trulli" width="500" height="333">
</body>
</html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<table border="2" cellpadding="0" cellspacing="0" align="center">
<tr align="center">
<th>Time Slot</th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thursday</th>
<th>Friday</th>
<th>Saturday</th>
<th>Sunday</th>
</tr>
<tr>
<td>9.00-9.45</td>
<td> Fitness Club Live Fit</td>
<td> Fitness Club Live Fit</td>
<td> Fitness Club Live Fit</td>
<td> Fitness Club Live Fit</td>
<td> Fitness Club Live Fit</td>
<td rowspan="7" colspan="2"> Special Day Workshops maybe held and
a weekday leave will be given instead. </td>
</tr>
<tr>
<td>9.45-10.30</td>
<td>Touchtyping and Blogging</td>
<td>Touchtyping and Blogging</td>
<td>Touchtyping and Blogging</td>
<td>Touchtyping and Blogging</td>
<td>Touchtyping and Blogging</td>
</tr>
<tr>
<td>10.30-12.00</td>
<td rowspan="2">Programming Theory/Practicals</td>
<td rowspan="2">Programming Theory/Practicals</td>
<td >Programming Theory/Practicals</td>
<td rowspan="2">Programming Theory/Practicals</td>
<td rowspan="2">Programming Theory/Practicals</td>
</tr>
<tr>
<td>12.00-1.00</td>
<td colspan="1" align="center">Tech Talk</td>
</tr>
<tr>
<td>1.00-2.00</td>
<td colspan="5" align="center">Lunch Break</td>
</tr>
<tr>
<td>2.00-4.00</td>
<td>Programming Practicals/Project</td>
<td>Personal Coaching</td>
<td>Programming Practicals/Project</td>
<td>Personal Coaching</td>
<td>Programming Practicals/Project</td>
</tr>
<tr>
<td>4.00-5.00</td>
<td>Uki Fitness Club</td>
<td>Uki Gavel Club</td>
<td>Uki Fitness Club</td>
<td>Uki Fitness Club</td>
<td>Uki Gavel Club</td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<h1 style="background-color:lightBlue;">Bo tree</h1>
<p style="background-color:pink;color:Blue;">
Ficus religiosa or sacred fig is a species of fig native to the Indian subcontinent and Indochina that belongs to Moraceae, the fig or mulberry family. It is also known as the bodhi tree, pippala tree, peepul tree, peepal tree or ashwattha tree
</p>
</body>
</html>
10)HTML links
<!DOCTYPE html>
<html>
<body>
<h2>HTML Links</h2>
<p><a href="https://www.google.com/search?source=hp&ei=R2__W4OrCYWe9QP_iouICw&q=bo+tree&oq=bo&gs_l=psy-ab.1.0.35i39l2j0i131l4j0j0i131l3.1478.1951..4136...1.0..0.543.855.0j2j5-1......0....1..gws-wiz.....6.UoOu_Nkpnyw">bo tree</a></p>
</body>
</html>
11)HTML image
<html>
<body>
<h2>HTML Image</h2>
<img src="pic_trulli.jpg" alt="Trulli" width="500" height="333">
</body>
</html>
No comments: