Syntax of HTML Tags
HTML tags usually have 3 parts. The opening tag is placed at the beginning. This lets the interpreter know what you are about to do. After the opening tag, the text is written to which this tag is being applied. This is followed by the closing tag.
The closing tag shows the interpreter that this tag was used up to here only. A forward slash is placed in the closing tag to differentiate the closing tag from the opening tag.
Some Formatting Tags
Formatting tags are those tags used to format text. These tags apply to the text itself and control the presentation of the text. The list of HTML formatting tags is given below.
• <i> - The text is made italic by this tag.- • <b> - The text is bolded by this tag.
- • <u> - This tag underlines the text.
- • <ins> - This tag defines text that is added to the content later.
- • <mark> - The text is highlighted by this tag.
- • <sup> - This tag defines text as superscript.
- • <sub> - This tag defines text as subscript.
- • <small> - This tag is defined as small text.
- • <del> - The text is deleted show from this tag.
- • <strong> - This tag shows the text as strong (bold).
Form and Input Tags
The form and input tags are used to create forms in the webpage and get input from the user. Their list is given below.
• <form> - This form is a container tag to create elements.- • <input> - different form elements are created by this tag.
- • <textarea> - This tag creates textarea.
- • <button> - buttons are created by this tag.
- • <select> - This is the container tag to create a dropdown list.
- • <optgroup> - This tag creates a group of related options in the dropdown menu.
- • <option> - The dropdown list options are defined by this tag.
- • <label> - This tag is used to define a text label.
- • <fieldset> - related elements in a form are created by this tag.
CREAT A FORM USING FORM TAGS TOGETHER
<html>
<head>
<title>
Html-Forms
</title>
</head>
<body>
<h2>Enter Your Details</h2>
<form>
<fieldset>
<legend><strong>enter your details</strong></legend>
First Name:
<input type="text" name="firtstname"><br><br>
Last Name:
<input type="text" name="lastname"><br><br>
Age:<input type="radio" name="age">Under 18
<input type="radio" name="age" >Over 18<br><br>
<input type="radio" name="age">
<select name="qualification">
<option value="mba">master of business administrations</option>
<option value="mca">MCA</option>
<option value="bba">BBA</option>
<option value="bcom">B.Com</option>
<option value="bsc">B.Sc.</option>
<option value="mcom" selected>M.com</option>
<option value="arts">Arts</option>
</select>
<input type="submit" value="clickonme"><input type="reset"><br>
password:<input type="password" name="password"><br>
<input type="checkbox" name="interest" value="cricket">Cricket
<input type="checkbox" name="interest" value="football">football
<input type="checkbox" name="interest" value="hocky" checked>hocky<br><br>
<input type="button" value="simplebutton"><br><br>
<input type="color" name="choosecolor"><br><br>
<input type="date" name="dob"><br><br>
<input type="email" name="mail"><br><br>
<input type="file" name="choosefile"><br><br>
<input type="month" name="exammonth"><br><br>
<input type="number" name="quantity" min="1" max="5"><br><br>
<input type="range" name="rating" min="1" max="10"><br><br>
<input type="search" name="search"><br><br>
<input type="tel" name="usertel"><br><br>
<input type="time" name="birthtime"><br><br>
<input type="url" name="enterurl"><br><br>
<textarea name="usermessage" rows="10" col="10">
</textarea>
</fieldset>
</form>
</body>
</html>
Note: copy this tags in your texteditor and save file with .html extension
a work for you use this tags and create a form of any type like educational form etc.
Table Tags
Table tags are used to create tables in webpages. Their list is given below.
• <table> - This tag is used to create a table.
• <th> - The heading of the table is defined by this tag.
• <tr> - The rows of the table are defined by this tag.
• <td> - The columns of the table are defined by this tag.
• <thead> - This tag creates a group of table header contents.
• <tbody> - This tag creates a group of body contents of the table.
• <caption> - The table title is defined by this tag.
Style Tags
Styles tags are used to apply different types of styles. Their list is given below.
• <style> - Styles (CSS) are defined for the HTML document inside this tag.
Section Tags
Section tags act like a container. Their list is given below.
• <div> - This tag creates a block section.
• <span> - This tag creates an inline section.
• <section> - This tag divides the document into several sections.
Scripting Tags
Scripting tags are used to apply scripts in webpage. Their list is given below.
• <script> - Inside this tag you define the script to be used with HTML.
• <noscript> - inside this tag define content for browsers in which script has been disabled.
computer scientist.
