Basic HTML Sturcture



Every HTML file must have flowing basic structure before writing any other tag.

<html>
<head>
<title> title of the page </title>
</head>

<body>
 ALL THE CONTENT OF THE PAGE HERE TAG, IMAGE, VIDEO, INFORMATION, LINKS ETC.
</body>
</html>

1. <html> tag:-
<html> tag is the starting tag where our html page starts. It is a pair or container tag. 

 Syntax:-
<html></html>

2. <head> tag:-
An HTML document, with a <title> tag inside the head section:




Syntax:-
<head> <title>text or title</title></head>
3. <title> tag:-
         The <title> tag is required in all HTML documents and it defines the title of the document.

in the code                                                          in the browser


The <title> element:
  • defines a title in the browser toolbar
  • provides a title for the page when it is added to favorites
  • displays a title for the page in search-engine results
4. <body> tag:-
The <body> tag defines the document's body.
The <body> element contains all the contents of an HTML document, such as text, hyperlinks, images, tables, lists, etc.

Attribute used in <body> tag:-
Attribute
Description
BGCOLOR
Specifies the background color of a document
BACKGROUND
Specifies a background image for a document
TEXT
Specifies the color of the text in a document
LINK
Specifies the color of un visited links in a document
VLINK
Specifies the color of visited links in a document
ALINK
Specifies the color of an active link in a document













Comments

Post a Comment

Popular posts from this blog

Save HTML Files

Image
Follow the following steps to save you html filed As we installed notepad ++ (we will use same install file for the whole html learning in the blog) If you have not install notepad ++ To lean to install ClickHere Step 1: Click on file and save as show in the figure below: Step 2:- After you click file >save you will get following windows : As show in the above picture:- First select the folder when you want to save you project work. second give name to you file ( i.e. your_file_name.html) extension is required as the .html  browser doesn't understand .txt file (if you save you file with .txt  format the code will be display as you wrote in the notepad ++)  First image saved file as text                         second image display of the text file in browser           ...
Read more

Body tag < body > < / body>

Image
<body> tag:- The <body> tag defines the document's body. The <body> element contains all the contents of an HTML document, such as text, hyperlinks, images, tables, lists, etc. Attribute used in <body> tag:- Attribute Description BGCOLOR Specifies the background color of a document BACKGROUND Specifies a background image for a document TEXT Specifies the color of the text in a document LINK Specifies the color of un visited links in a document VLINK Specifies the color of visited links in a document ALINK Specifies the color of an active link in a document Example:- <html> <head> <title>Index </title> <head> <body bgcolor="lightblue" text="black"> <body> </html> Here is an screen capture of the example:- To Download the Example Html File:-  ClickHere
Read more

Horizontal Rule Tag

Image
Horizontal Tag <hr>:- The <hr> tag defines a thematic break in an HTML page (e.g. a shift of topic). The <hr> element is used to separate content (or define a change) in an HTML page. Syntax:- <HR align="left |right center" size="pixels" width ="pixels or percentage " color ="color name"> Attributes of <hr> Tag:- Attribute Value Description align left center right Specifies the alignment of a <hr> element noshade noshade Specifies that a <hr> element should render in one solid color (noshaded), instead of a shaded color size pixels Specifies the height of a <hr> element width pixels % Specifies the width of a <hr> element Example:- <html> <head> <title>Index | horizontal </title> <head> <body bgcolor="lightblue" text...
Read more