BASIC HTML-TAG.
*The <!Doctype> declaration represents the document type, and helps
browsers to display web pages correctly.
It must only appear once, at the top of the page (before any HTML tags).
*<html>
Root element which acts as a container to hold all the code
Browser should know that this a HTML document
Permitted content: One head tag followed by one body tag
*<head>
Everything written here will never be displayed in the browser It contains
general information about the document Title, definitions of css and script
sheets Metadata(information about the document).
*The <title> element specifies a title for the HTML page (which is shown in the
browser's title bar or in the page's tab).
*The <body> element defines the document's body, and is a container for all
the visible contents, such as headings, paragraphs, images, hyperlinks, tables,
lists, etc.
*HTML headings are defined with the <h1> to <h6> tags.
<h1> defines the most important heading. <h6> defines the least important
heading.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
*The HTML <p> element defines a paragraph.
*The <em> tag is used to define emphasized text.
*The <i> tag defines a part of text in an alternate voice or mood.
*The text is written within <b> tag display in bold size.
*The content inside is typically displayed in bold.
*HTML <mark> tag is used to mark or highlight the important text
relevant to the user in the webpage.
*The HTML <small> tag reduces the font size of the text in the page
by a unit.
*The <del> tag in HTML stands for delete and is used to mark a
portion of text which has been deleted from the document.
*The <ins> tag defines a text that has been inserted into a document.
*The <br> tag inserts a single line break.
*The <sub> tag defines the subscript text.
*The <sup> tag defines the superscript text.
*The <pre> tag defines preformatted text.
*The <q> tag defines a short quotation. Browsers normally insert
quotation marks around the quotation.
*The HTML <blockquote> tag is used for indicating long
quotations (i.e. quotations that span multiple lines).
*The <abbr> tag defines an abbreviation or an acronym, like "HTML",
"CSS", "Mr.", "Dr.", "ASAP", "ATM".
*The <address> tag defines the contact information for the
author/owner of a document or an article.
*The <cite> tag defines the title of a creative work (e.g. a book, a
poem, a song, a movie, a painting, a sculpture, etc.).
*The <a> tag defines a hyperlink, which is used to link from one page
to another.
*The HTML <img> tag is used to embed an image in a web page.
Images are not technically inserted into a web page; images are
linked to web pages.
*The <hr> element is most often displayed as a horizontal rule that is
used to separate content (or define a change) in an HTML page.
*The <marquee> tag in HTML is used to create scrolling text or image
in a webpages.
*<ol> tag
○ Stands for ordered list
○ To define series of events that take place in some order
○ Example making a tea (like a flow chart)
○ <ol>.........</ol>
*<ul> tag
○ Stands for unordered list
○ To define series of events that take place where order is not
important.
○ Example your hobbies
○ <ul>.........</ul>
*<li> tag
○ Defines the list item
○ Used inside the ‘ol’ and ‘ul’ tag to define the events
○ <li></li>
*The <dl> HTML element represents a description list.
*The <dd> tag is used to describe a term/name in a description list.
*<Table> Tag.
○ Used to create a table on a web page
○ Need other tags for completing the creation of a table
■ <tr> : for marking the table row
■ <th> : for table header
■ <td> : for table column data
○ Everything is always enclosed within <tr>
■ <thead> : to keep all header data
■ <tbody> : to keep all body data.
*The <caption> tag defines a table caption. The <caption> tag must
be inserted immediately after the <table> tag.
*The <tfoot> tag is used to group footer content in an HTML table.
*The <style> tag is used to define style information (CSS) for a
document.
Q.Difference between div and span?
Ans-A div element is used for block-level organization and styling of
page elements, whereas a span element is used for inline
organization and styling.
*The Two types of structure Element
<div> block elelemnt.
<span> inline elelemnt.
*<div> and <span> tags
○ Both of these are used to group different tags .
○ Acts like a container.
○ Effective while styling.
○ <div>.........</div>
○ <span>....</span>
○ Difference <div> is block level and <span> is inline level.
*The <iframe> tag specifies an inline frame. An inline frame is used to
embed another document within the current HTML document.
*The <audio> tag contains one or more <source> tags with different
audio sources. The browser will choose the first source it supports.
*The <video> tag is used to embed video content in a document, such as a
movie clip or other video streams.
The <video> tag contains one or more <source> tags with different video
sources. The browser will choose the first source it supports.
