Skip to main content

HTML Page Structure

 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

Labels:

Comments

Post a Comment

Popular posts from this blog

Add CSS using external CSS

>>> U just need to create a another page and save it with the name style.css >>> and then go to link that style page with your html docs how to link your css with html page ? >>> You can find code below , it will help you to link your external page with your html docs <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Divyanshu Khare || MERN Developer</title> <meta description = "description" content="Divyanshu Khare's website"> <link rel="stylesheet" type="text/css" href="style.css">   <!----------link external css page ---------> </head> <body> </body> </html>
Post a Comment
Read more

Python

Indexing--  it will help u to fetch single character  string= "Python" string[2] # slicing process of fetching a sub-string from the given string  #sequence of charater we can fetch means more than 1 character string="Divyanshu" string[2:4+1]   #basically here number is index value #string[start_index:end+index+1] string = "Hunny"   #indexing agr positive hai to left se count hoga #right se negative me string[:]  #it will give u entire string #now If i want to any characterwise index like string is Hunny and I want un only #string[start_index:end_index+1:step] string[1:4:2] #reverse your string #string[:: -1] string="Baba hunny" string[:: -1] # to convert into lowecase string="New Divyanshu" new_string=string.lower()  #new_string becase we've to create another string print(new_string) s1={1,2,3,4,5}    s2={3,2,8,67,85} s3=s1.union(s2) s3   #isme add hota hai whole value lekin common value update nhi hongi #intersection - ...
Post a Comment
Read more

Python Final Lectures

 Q- how to Print Hello World print("Hello World") Variables in python ------- age = 30   #variable should be intutive so that we can learn any time print(age) Note: Shift+Enter is shortcut to run command 2) ' #' this is for writing the comment in python Rules for Variables--- Variable can not be start with any number like - 1age  Number can use in between and end with variable like - age1 age2 Special characters are not allowed expect _ (underscore) like - age_my Space not allowed in variable  Python is case sensitive  Way to define Variable --- age1,age2 = 30,25  age1 = 30 age2 = 25 age1=age2=30   #if 30 age for both variable   >> Data type the type of data is basically data type Integer = age1 to age3 is basically integer   , Integer is basically full number lets check = type(age1)  #it will give u print int float=  basically decimal values Interest =  30.24 type(Interest) #answer is float Message = ...
Post a Comment
Read more