3. • It describes the structure of a Web page.
• It’s elements tell the browser how to display the content.
• Elements are represented by tags.
HTML is Programming Language?
Many peoples think that HTML is programming language but actually it’s not
programming language, it’s Markup Language. Where HTML Stands for Hyper Text
Markup Language.
5. HTML Elements usually consist of a start tag end tag, with the content inserted in between.
<p> We are here to learn something great </p>
Elements
Opening
Tag
Closing
Tag
Content
6. There are two types of Tags:
1. Container Tags
2. Self-closing Tags(Empty Elements)
Container Tags are those tags which have both opening and closing tags.
For Ex: <p>…</p>, <h1>…</h1>, <div>...</div> etc.
Self-closing Tags do not require to be paired.
For Ex: <br/>,<hr/>, <img/> etc.
However ‘/’ is optional for you.
HTML Attributes: An HTML attribute provides additional information about an HTML
element.
• Attributes are always specified in the start tag
• Attributes usually come in name/value pairs like: name=“value”.
7. For Example:
href Attribute:
<a href="https://www.webappcreator.in">This is a link</a>
src Attribute:
<img src=“myimg.jpg” />
Style Attribute:
<p style="color:red">This is a red paragraph.</p>
8. <a> It is termed as anchor tag and it creates a
hyperlink or link.
<b> It is used to make a text bold.
<body> It is used to define the body section of an
HTML document.
<button> It is used to represent a clickable button
<div> It defines a division or section within
HTML document.
<form> It is used to define an HTML form.
<h1> to <h6> It defines headings for an HTML
document from level 1 to level 6.
<head> It defines the head section of an HTML
document.
9. <img> It is used to insert an image within an
HTML document.
<input> It defines an input field within an HTML
form.
<link> It represents a relationship between
current document and an external
resource.
<p> It represents a paragraph in an HTML
document.
<select> It represents a control which provides a
menu of options.
10. <strong> It is used to define important text.
<table> It is used to present data in tabular form
or to create a table within HTML
document.
<tbody> It represents the body content of an
HTML table and used along with <thead>
and <tfoot>.
<td> It is used to define cells of an HTML table
which contains table data
<textarea> It is used to define multiple line input,
such as comment, feedback, and review,
etc.
11. HTML table tag is used to display data in tabular form (row * column). There can be
many columns in a row.
Tag Description
<ol> It defines a ordered list.
<ul> It defines a unordered list.
<li> It defines a line item
Syntax of UL:
<ul type="disc">
<li>abc</li>
<li>xyz</li>
</ul>
Syntax of OL:
<ol type=«1">
<li>abc</li>
<li>xyz</li>
</ol>
12. HTML table tag is used to display data in tabular form (row * column). There can be
many columns in a row.
Tag Description
<table> It defines a table.
<tr> It defines a row in a table.
<th> It defines a header cell in a table.
<td> It defines a cell in a table.
<caption> It defines the table caption.
<colgroup> It specifies a group of one or more
columns in a table for formatting.
<col> It is used with <colgroup> element to
specify column properties for each
column.
<tbody> It is used to group the body content in a
table.
<thead> It is used to group the header content in a
table.
<tfoot> It is used to group the footer content in a
table.
13. An HTML form is a section of a document which contains controls such as text fields,
password fields, checkboxes, radio buttons, submit button, menus etc.
<form> It defines an HTML form to enter inputs
by the used side.
<input> It defines an input control.
<textarea> It defines a multi-line input control.
<label> It defines a label for an input element.
<fieldset> It groups the related element in a form.
<select> It defines a drop-down list.
<optgroup> It defines a group of related options in a
drop-down list.
<option> It defines an option in a drop-down list.
<button> It defines a clickable button.
14. Some Important Attributes in Form tags:
action URL Specifies where to send
the form-data when a
form is submitted
Attribute Value Description
enctype multipart/form-data
text/plain
Specifies how the form-
data should be encoded
when submitting it to
the server (only for
method="post")
method get
post
Specifies the HTTP
method to use when
sending form-data
target _blank, _self, _parent,
_top
Specifies where to
display the response
that is received after
submitting the form