Learning HTML - Day 1
HTML
is something I hear often, hardly have any knowledge about its coding so
have decided to learn about it at my own pace daily, will note whatever I
learn in this blog so I can quickly check and refresh what I had
learnt.
Today is 25th January 2021 and it is my first day to learn HTML 🙋
HTML is Hypertext Markup Language which is used for coding webpages.
Types of HTML - There are different versions of HTML; these are HTML, HTML+, HTML 1.0, HTML 2.0, HTML 3.2, HTML 4.01 (it has accessibility of Cascading Style Sheet and Multimedia) and now HTML 5.0
Necessity of HTML - It is necessary because HTML code ensures the proper formatting of text and images for Internet browser. Without HTML, a browser would not know how to display text as elements or load images or other elements. HTML also provides a basic structure of the page upon which Cascading Style Sheets are overlaid to change its appearance.
New Term - Cascading Style Sheets (CSS) parking the term for the time being.
Title - The HTML Title element ( <title> ) defines the document's title that is shown in a browser's title bar or a page's tab. It only contains text
Body - The <body> tag defines the document's body. The <body> element contains all the contents of an HTML document, such as headings, paragraphs, images, hyperlinks, tables, lists, etc. Note: There can only be one <body> element in an HTML document.
HTML tags are the hidden keywords within a web page that define
how your web browser must format and display the content. Most tags must have
two parts, an opening and a closing part. The closing tag has the same text as
the opening tag, but has an additional forward-slash ( / ) character.
Header Tag - The <header> tag in HTML is used to define the header for a document or a section. The header tag contains information related to the title and heading of the related content. A <header> tag cannot be placed within a <footer>, <address> or another <header> element. A <header> element typically contains one or more heading elements (<h1> to <h6>)
Code for Different Header Tags -
Paragraph Tag - The paragraph tags are used
to define a block of text as a paragraph. When a block of text is
surrounded by the paragraph tags, the browser automatically adds white
space before and after the paragraph. The paragraph tag is <p> &
</p>.
Line break tag - The HTML <br> element produces a line
break in text. It is useful where the division of lines is significant. The
<br> tag does not need a closing tag.
Horizontal line break tag - The <hr> tag defines a thematic break in an HTML page. The <hr> element is most often displayed as a horizontal rule that is used to separate content in an HTML page. The <hr> tag like <br> tag does not need a closing tag.
Hiding a text in HTML from appearing in an web page - <!--Text that we do not want to display--->
END OF DAY 1
Today is 25th January 2021 and it is my first day to learn HTML 🙋
Day 1 - Time 12:00 pm - 12.30 pm
HTML is Hypertext Markup Language which is used for coding webpages.
Types of HTML - There are different versions of HTML; these are HTML, HTML+, HTML 1.0, HTML 2.0, HTML 3.2, HTML 4.01 (it has accessibility of Cascading Style Sheet and Multimedia) and now HTML 5.0
Necessity of HTML - It is necessary because HTML code ensures the proper formatting of text and images for Internet browser. Without HTML, a browser would not know how to display text as elements or load images or other elements. HTML also provides a basic structure of the page upon which Cascading Style Sheets are overlaid to change its appearance.
New Term - Cascading Style Sheets (CSS) parking the term for the time being.
To write the code and see the preview, I have decided to use HTML online editor
HTML codes are written within < & >
Note - The <html> tag represents the root of an HTML document. The <html> tag is the container for all other HTML elements (except for the <! DOCTYPE> tag).
Basic Structure of HTML -
Head - The head of an HTML document is the part that is not displayed in the web browser when the page is loaded
HTML codes are written within < & >
Note - The <html> tag represents the root of an HTML document. The <html> tag is the container for all other HTML elements (except for the <! DOCTYPE> tag).
Basic Structure of HTML -
<html>
<head>
<title> Title of the web page </title>
</head>
<body>
Content what is to be displayed on the webpage
</body>
</html>
Head - The head of an HTML document is the part that is not displayed in the web browser when the page is loaded
Title - The HTML Title element ( <title> ) defines the document's title that is shown in a browser's title bar or a page's tab. It only contains text
Body - The <body> tag defines the document's body. The <body> element contains all the contents of an HTML document, such as headings, paragraphs, images, hyperlinks, tables, lists, etc. Note: There can only be one <body> element in an HTML document.
Learning about HTML tags
Header Tag - The <header> tag in HTML is used to define the header for a document or a section. The header tag contains information related to the title and heading of the related content. A <header> tag cannot be placed within a <footer>, <address> or another <header> element. A <header> element typically contains one or more heading elements (<h1> to <h6>)
Code for Different Header Tags -
<html>
<head>
<title> Title of the web page </title>
</head>
<body>
<h1>
This line is within header tag - h1
</h1>
<h2>
This line is within header tag - h2
</h2>
<h3>
This line is within header tag - h3
</h3>
<h4>
This line is within header tag - h4
</h4>
<h5>
This line is within header tag - h5
</h5>
<h6>
This line is within header tag - h6
</h6>
</body>
</html>
|
Code for Paragraph Tag -
Code while using the Header Tag and Paragraph tag -
<html>
<head>
<title>Title of the webpage</title>
</head>
<body>
<p>
Paragraph 1 - Header Tag - The header tag in
HTML is used to define the header for a document or a section. The
header tag contains information related to the title and heading of the
related content. A header tag cannot be placed within a footer, address
or another header element.
</p>
<p>
Paragraph 2 - The paragraph tags are used to define
a block of text as a paragraph. When a block of text is surrounded by
the paragraph tags, the browser automatically adds white space before
and after the paragraph.
</p>
</body>
</html>
Using both the header tag and paragraph tag
Code while using the Header Tag and Paragraph tag -
<html>
<head>
<title>Title of the webpage</title>
</head>
<body>
<p>
<h1>Paragraph 1 - Header Tag</h1> - The
header tag in HTML is used to define the header for a document or
a section. The header tag contains information related to the title and
heading of the related content. A header tag cannot be placed within a
footer, address or another header element.
</p>
<p>
<h4>Paragraph 2</h4>- The paragraph tags are used to
define a block of text as a paragraph. When a block of text is
surrounded by the paragraph tags, the browser automatically adds white
space before and after the paragraph.
</p>
</body>
</html>
30 minutes completed, end of Day 1, learnt structure of HTML, paragraph
tag, header tag there are some tags that I came across noting them to
use in next day.
Horizontal line break tag - The <hr> tag defines a thematic break in an HTML page. The <hr> element is most often displayed as a horizontal rule that is used to separate content in an HTML page. The <hr> tag like <br> tag does not need a closing tag.
Hiding a text in HTML from appearing in an web page - <!--Text that we do not want to display--->
END OF DAY 1
Comments
Post a Comment