This content originally appeared on DEV Community and was authored by Arun kumar G
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:
<!DOCTYPE html> ---> 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:
This content originally appeared on DEV Community and was authored by Arun kumar G
Arun kumar G | Sciencx (2025-03-18T15:29:21+00:00) Day 01 – Py Full Stack – HTML. Retrieved from https://www.scien.cx/2025/03/18/day-01-py-full-stack-html/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.