Scribd
Upload
17 views3 pages

DAY4 Notes

Uploaded by

lordoffrenziedflame09
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
17 views3 pages

DAY4 Notes

Uploaded by

lordoffrenziedflame09
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

HTML (Hyper Text Markup Language)

 HTML stands for Hyper Text Markup Language.


 Hypertext is text which contains links to other webpages.
 A markup language that consists of easily understood tags that help format the
overall view of a page.
 HTML is the standard markup language for creating Web pages.
 HTML describes the structure of a Web page.
 HTML consists of a series of elements.
 HTML elements tell the browser how to display the content.

HTML Tags
 Tags are labels we use to mark up the beginning and end of an element.
 All tags have the same format. They begin with ‘<’ sign and end with ‘>’ sign.
 Paired Tags (These tags contain opening and closing tags). E.g. <p>Text to
Display</p>
 Unpaired tags (These tags contain opening tags without a closing tag). E.g. <br/> or
<hr/>. Unpaired tags are also called as Empty Tags or Self Closing Tags.

HTML Document Structure


<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

</body>
</html>

 The <!DOCTYPE html> declaration defines that this document is an HTML5


document
 The <html> element is the root element of an HTML page
 The <head> element contains meta information about the HTML page
 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 Tags
 Heading Tags:
 HTML Headings tags are defined from <h1> to <h6>. <h1> is the most
important heading and <h6> is the least important heading.
 HTML paragraph tag is denoted by <p>.
 HTML Formatting Tags:
 <b> - Bold text
 <strong> - Important text
 <i> - Italic text
 <em> - Emphasized text
 <u> - Underline text
 <mark> - Marked text
 <small> - Smaller text
 <del> - Deleted text
 <ins> - Inserted text
 <s> - Strikethrough text
 <sub> - Subscript text
 <sup> - Superscript text

The <strong> element is for content that is of greater importance, while the <b>
element is used to draw attention to text.
The <em> tag semantically emphasizes on the important word or section of words while
<i> tag is just offset text conventionally styled in italic.

 <br/> Tag:
 It is used to specify line breaks.
 By using <br/> tag does not add space between paragraphs.
 <br/> is an unpaired or empty tag.
 Also can be written as <br>.
 <hr/> Tag:
 It is used to specify thematic breaks in the HTML document.
 It is displayed as a horizontal rule.
 <hr/> is an unpaired or empty tag.
 Also can be written as <hr>.
 <address> Tag: It is used to markup the address.
HTML Comments
 Comments are used to create the project documentation.
 Whatever is written inside the comment is not displayed by the browser.
 Single Line Comment: <!-- This is a comment -->
 Multi Line Comment:
<!--
<p>Introduction to HTML</p>
<p>HTML stands for hypertext markup language</p>
-->

Some of the Keyboard Short Keys


 Ctrl + N  New File
 Ctrl + S  Save File
 Ctrl + C  Copy Text
 Ctrl + X  Cut Text
 Ctrl + V  Paste Text
 Ctrl + Z  Undo
 Ctrl + /  Comment/Uncomment
 Alt + Z  Wrap text inside VS code window
 lorem  Types one paragraph of lorem ipsum text
 lorem*10  Types 10 paragraphs of lorem ipsum text
 Ctrl + R  Refresh Browser

You might also like