HTML basics


HTML basic

As we have seen that is basically a web page which is composed of the tags element attribute and the contents within then here we will see different tags we used in the html 

HTML page structure 
Below is a visualisation of HTML page structure 
<HTML>                                                                   
<Head><tital>HTML page structure </title>
<Style></style><link/></head>
<Body>                                                                 
<H1>this a heading</h1>.                      
<P>this is a paray<p>                        
</Body>                                                              
</HTML>                                                           

HTML <html>tag

Definition and usage                                 

   The <htm> tag tells the browser that this ia an HTML document . The <html>represent the root af an HTML document . The <html> tag is the container for all other html element      

Attribute 
Attitude:-manifest
      Value:- url 
Description:- specific the address of the document cache manifest 

HTML <head>tag 
Definition and tag.                                     
The <head> element is a container for all the head element the <head> element must include a title for the document and can include acipts style meta information and more the following element can go inside <head> element 

HTML <title>tag 
The tag is required in all html document and it defines the title of the document <title>element 
• defines a title in the browser toolbar 
• provide a title for the page when it is added to favorite 
• display a title for the page in search -engine results 
 Note : you can not have more than one <title> element in an HTML document if you omit the <title> tag document will note validation html 

HTML <script> tag
The <script> tag is used to define a client side script such as a javascript the <script>element either contains scripting statement or it point to an external script file through src attribute common uses for javascript are image manipulation from validation and dynamic content 
Note: if src attribute is present the <script> element must be empty also look at the <no script> element for user thet have disable their browser or have doesn't support client side scripting 
<Script type="text javascript" >.        
Var I=10;.                                 
If(I<5)
{
// Some code
}
</Script>

           HTML <style>tag 
The <style> tag is used to define style information for HTML document inside the <style> element you how html element should render in a browser each html document can multiple <style> tag 
<HTML>                                                                   
<Head> <style types="text/css"> h1 { color: blue} </style> </head>
<Body>                                                            
<H1>a heading<h1>                                    
<P> a paragraph</p>.                                     
</Body>                                                         
</HTML>.                                                      

HTML<link>tag 
The <link> tag definition the relationship between a document and an external resources the <link> tag is most used to link to style sheet 
<Head>                                                            
<Link rel= " style sheet"types= " text ) css" herf°=" tems.css">
</Head>.                                                         

HTML<body>tag
Definition and use.                                                 
The <body> tag defines the document body the <body> element contains all the contents of an HTML document such text hyperlink , image, table,lists,etc.
<HTML>.                                                   
<Head>.                                      
<Title>.                                       
 Title of the document. 
</ Title>                            
</Head>.                    
<Body>
The contents of the  document                  
</Body>                                    
</ HTML>                                          
              
HTML<address>tag 
 The <address> tag defines the contact information for the attribute Owen of a document or an article if the <address> element is inside the <body> element it represents contact information for the document if the <address > element is inside an <article>element it represents contact information for articles the text <address> element usally render in italic browser will add a line break and after address element 
<Address>.                       
Written by <a href="mailto:shailesh "> jonndoe</a> <br>
Visit us at<br> example.com<br>
Box 564 Disneyland<br> usa 
</Address>                            




Post a Comment

0 Comments