Day 01 - Py Full Stack - HTML

HTML INTRODUCTION,TAGS,ATTRIBUTES,FORMATTING,QUOTATION,HYPERLINKS HTML - Hypertext Markup Language - Founder TIM BERNERS LEE Standard Markup language to create webpages. Uses series of tags/ elements to help browsers to display the content Basic Syntax: ---> Indicates the declaration of using HTML5 ---> Root tag of HTML ---> Contains Meta Information about the HTML page ---> Used to project the title of Browser tab ---> Block level element ---> Heading - LARGEST --- total 6 Heading tags ---> Paragraph tag TAGS IN HTML: Self closing tag / Empty tag: is an example ---> This tag wont have closing tags Nested Tag HTML tags are can be nested within another tags. TAG ATTRIBUTES: Attributes provides an additional infomation about the tag Names and values are most important part of attributes example: lang attribute ---> Helps browser to understanding the content is in English language What is meant by FAVICON in HTML? Favicon is an Image Icon present in the title bar of a webpage's browser tab. Syntax: # HTML FORMATTING: Headings ---> H1 to H6 Paragraph ---> # sentence # Pre ---> preserve the format ---> # sentence same as ip # line Break - # Horizontal Ruler - # FORMATTING TAGS: BOLD # BOLD WITH MORE IMPORTANCE # Italic # Emphasized with different tone while reading # Underlined # Inserted same as underline --- Inserted into a doc # small size text # Highlight the text in yellow # Strike out the text # Super script to write A square # Sub script to write H2O # HTML5 QUOTATION: BLOCK QUOTE TAG ---> # Quotes # SHORT QUOATATION TAG ---> # Arun is a good boy # ---> It will auto insert quotation mark. ABBREVATION TAG ---> # WWW # ADDRESS TAG ---> # Your address will be shown in Italic # CITE TAG ---> To show case the details of a product ---> Just italic to showoff BI DIRECTIONAL OVERRIDE TAG ---> bdo tag is used to change the align of the text ---> # the text will be in left to right HTML5 HYPERLINKS: Internal Hyperlink: #Home page External Hyperlink: # Email us to reach PAGE Jump Hyperlink: chaper 1 Chapter1 LINK Attribute: Title Attribute and target attribute title = tooltip target = Open in a new tab = "_blank" ---> Open in same tab ="_self" IMAGE AS A SOURCE:

Mar 18, 2025 - 16:54

HTML - Hypertext Markup Language - Founder TIM BERNERS LEE

Basic Syntax:

---> Heading - LARGEST --- total 6 Heading tags

---> Paragraph tag

TAGS IN HTML:

HTML tags are can be nested within another tags.

TAG ATTRIBUTES:

Attributes provides an additional infomation about the tag
Names and values are most important part of attributes example: lang attribute ---> Helps browser to understanding the content is in English language

What is meant by FAVICON in HTML?

Favicon is an Image Icon present in the title bar of a webpage's browser tab.

Syntax: #

HTML FORMATTING:

FORMATTING TAGS:

HTML5 QUOTATION:

BLOCK QUOTE TAG ---> #
Quotes
#
SHORT QUOATATION TAG ---> # Arun is a good boy # ---> It will auto insert quotation mark.
ABBREVATION TAG ---> # WWW #
ADDRESS TAG ---> # Your address will be shown in Italic #
CITE TAG ---> To show case the details of a product ---> Just italic to showoff
BI DIRECTIONAL OVERRIDE TAG ---> bdo tag is used to change the align of the text ---> # the text will be in left to right

HTML5 HYPERLINKS:

title = tooltip
target = Open in a new tab = "_blank" ---> Open in same tab ="_self"