There are 3 Sections of any HTML page --
1) Header
2) Main Section
3) Footer Sectore
- in Html need to writing opening tag before any tag < and end with closing tag >
- The HTML page we've 2 fix children we called them Head and body
- whatever part that is visible to us that is comes under body section
- What is Head part ? Head part is basically meta Data part , Meta data has some information of the page, Like title of the page will write under head part
- tag for head <head> </head>
- tag for body - <body> </body>
- <!DOCTYPE html> // this is not tag this is important for the browser to interpret that this is html file and which version of html file u are using , this is actually html 5
What is a boilerplate?
Boilerplate code in HTML is required to set up the basic web page structure. This
web page structure is the same for all web pages in general.
Body Content
Automatic boilerplate generation in different Text Editors
Text editors can produce HTML boilerplate for us. The basic boilerplate generated
(as shown above) will always stay the same across all text editors.
Although different text editors may produce some extra code as well apart from the
basic boilerplate as shown above. For example, boilerplate produced by Atom text
editor is:
● indicates the current version of HTML i.e., HTML5
●
1. lang specifies the language of the content.
lang="en" means language is English
lang="es" means language is Spanish
And so on.
But we’ll be using English.
Usage of lang attribute helps the browser to display the text in the
desired language.
2. dir specifies the direction of text in which it’ll be displayed
dir="ltr" means left to right
dir="rtl" means right to left
●
Declaring the "charset" as "UTF-8", tells the browser to use the UTF-8
character encoding, which is a method of converting the typed
characters into machine-readable code.
Notes:
● You need NOT cram and learn these. But as a software developer, you should
be aware of this kind of HTML code and its meaning.
● There are some attributes that browsers consider implicitly by default if you
don’t mention them explicitly. For example, the value of dir attribute is “ltr”
(left to right) by default.
Generating HTML Boilerplate in Sublime Text
1. go to Tools → Command Palette
2. Type ‘HTML’ then select ‘Set Syntax: HTM
Comments
Post a Comment