What is html?
- HTML strands for Hyper Text Markup Language.
- It's describes the structure of web pages.
HTML Tags
- HTML tags normally come in pairs.
- The first tag in a pair is the start tag, the second tag is the end tag.
- The end tag is written like the start tag, but with a forward slash inserted before the tag name.
HTML and their Versions
- HTML -1991
- HTML2.0-1995
- HTML3.2-1997
- HTML4.01-1999
- XHTML- 2000
- HTML5-2014
HTML Documents
- All HTML documents must start with a document type declaration: <!DOCTYPE html>.
- The HTML document itself begins with <html> and ends with </html>.
- The visible part of the HTML document is between <body> and </body>.
HTML Tags Examples
- The
<!DOCTYPE html> declaration defines this document to be HTML5
- The
<html> element is the root element of an HTML
page
- The
<head> element contains meta information about the document
- The
<title> element specifies a title for the document
- The
<body> element contains the visible page content
- The
<h1> element defines a large heading
- The
<p> element defines a paragraph
Basic HTML Tags
HTML Heading
- HTML has 6 type of Headings
- h1 to h6
- h1 is the most important and h6 is least important
- <h1>Heading 1</h1>
Heading 1
- <h2>Heading 2</h2>
Heading 2
- <h3>Heading 3</h3>
Heading 3
- <h4>Heading 4</h4>
Heading 4
- <h5>Heading 5</h5>
Heading 5
- <h6>Heading 6</h6>
Heading 6
HTML Paragraph
<p> element defines a paragraph.
- <p>Welcome Uki 4</p> Welcome Uki 4
- <p>This is a paragraph.</p> This is a paragraph.
HTML Links
- HTML links are hyperlinks
- You can click on a link and jump to another site or another document
- href attribute specifies the destination address
- target attribute specifies where to open the linked document
- _blank
- _blank - Opens the linked document in a new window or tab
- _self - Opens the linked document in the same window/tab as it was clicked (this is default)
- _parent - Opens the linked document in the parent frame
- _top - Opens the linked document in the full body of the window
Formating
<b> - Bold text<strong> - Important text<i> - Italic text<em> - Emphasized text<mark> - Marked text<small> - Small text<del> - Deleted text<ins> - Inserted text<sub> - Subscript text<sup> - Superscript text
No comments:
Post a Comment