What is HTML?
- HTML stands for Hyper Text Markup Language
- HTML describes the structure of Web pages using markup
- HTML elements are the building blocks of HTML pages
- HTML elements are represented by tags
- HTML tags label pieces of content such as "heading", "paragraph", "table","form"
- The
<html>tag is the root tag of an HTML page - The
<head>tag contains meta information about the document - The
<title>tag specifies a title for the document - The
<body>tagcontains the visible page content - The
<h1>tagdefines a large heading - The
<p>tag defines a paragraph
- 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.
- Line Break Tag.<br>tag is used to break the line by one line from where it has written lastly.
- Insert Image Tag. <img src="url" alt="image"> images are defined with the<img> tag The src specifies the URL.The alt
attribute provides an alternate text for an image. - Links Tag <a href='url"> link content</a>. links are defined with the <a> tag .The href attribute specifies the destination address of the link
 |
<!doctype html>
<html>
The HTML <form> element defines a form that is used to collect user input:
Text
button
radio
checkbox
<html>
<head><center>UKI student</center>
</head>
<body>
<form>
<fieldset >
<legend>Uki.life</legend>
<pre> First Name <input type="text"></pre>
<pre> Last name <input type="text"></pre>
<pre> Reg no <input type="text"></pre>
<pre> Date of Birth <input type="text"></pre>
<pre> Gender <input type="radio" name="gender" value="male"> Male<input type="radio" name="gender" value="female"> Female </pre>
favourite subject:<br>
<input type="checkbox" name="subject" value="English"> English
<input type="checkbox" name="subject" value="personal Coaching" >personal Coaching
<input type="checkbox" name="subject" value="web Development"> web Development
<input type="checkbox" name="subject" value="Programming" >Programming <br><br>
feedback <textarea rows="8" cols="40" >
</textarea><br>
<pre> <button type="reset" value="Reset" >Reset</button> <button type="submit" value="Submit" >Submit</button></pre>
</form>
</body>
</html>
HTML Tables
<!DOCTYPE html>
<html>
<body>
<h2>Basic HTML Table</h2>
<table style="width:100%" border="">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Phone No</th>
</tr>
<tr>
<td>mahendram</td>
<td>senthuran</td>
<td>0765450844</td>
</tr>
<tr>
<td>sivaparan</td>
<td>prusoth</td>
<td>0774057538</td>
</tr>
<tr>
<td>arulvel</td>
<td>yathupriyan</td>
<td>0766038505</td>
</tr>
<tr>
<td>paramesh</td>
<td>pajith</td>
<td>0778586679</td>
</tr>
</table>
</body>
</html>
<body>
<h1> Wellcome </h1>
<h2>welcome</h2>
<h3>welcome</h3>
<h4>welcome</h4>
<h5>welcome</h5>
<h6>welcome</h6>
</body>
</html>
HTML FORMS
The HTML <form> element defines a form that is used to collect user input:
Text
button
radio
checkbox
Sample Form Example
<!doctype html><html>
<head><center>UKI student</center>
</head>
<body>
<form>
<fieldset >
<legend>Uki.life</legend>
<pre> First Name <input type="text"></pre>
<pre> Last name <input type="text"></pre>
<pre> Reg no <input type="text"></pre>
<pre> Date of Birth <input type="text"></pre>
<pre> Gender <input type="radio" name="gender" value="male"> Male<input type="radio" name="gender" value="female"> Female </pre>
favourite subject:<br>
<input type="checkbox" name="subject" value="English"> English
<input type="checkbox" name="subject" value="personal Coaching" >personal Coaching
<input type="checkbox" name="subject" value="web Development"> web Development
<input type="checkbox" name="subject" value="Programming" >Programming <br><br>
feedback <textarea rows="8" cols="40" >
</textarea><br>
<pre> <button type="reset" value="Reset" >Reset</button> <button type="submit" value="Submit" >Submit</button></pre>
</form>
</body>
</html>
HTML Tables
<html>
<body>
<h2>Basic HTML Table</h2>
<table style="width:100%" border="">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Phone No</th>
</tr>
<tr>
<td>mahendram</td>
<td>senthuran</td>
<td>0765450844</td>
</tr>
<tr>
<td>sivaparan</td>
<td>prusoth</td>
<td>0774057538</td>
</tr>
<tr>
<td>arulvel</td>
<td>yathupriyan</td>
<td>0766038505</td>
</tr>
<tr>
<td>paramesh</td>
<td>pajith</td>
<td>0778586679</td>
</tr>
</table>
</body>
</html>
No comments:
Post a Comment