UNIT - 2
1. HTML INTRODUCTION:
• HTML stands for Hypertext Markup Language, and it is the most widely used language to
write Web Pages.
• Hypertext refers to the way in which Web pages (HTML documents) are linked together.
Thus, the link available on a webpage is called Hypertext.
• As its name suggests, HTML is a Markup Language which means you use HTML to simply
"mark-up" a text document with tags that tell a Web browser how to structure it to display.
• HTML was developed with the intent of defining the structure of documents like headings,
paragraphs, lists, and so forth to facilitate the sharing of scientific information between
researchers.
• HTML is being widely used to format web pages with the help of different tags available in
HTML language.
EXAMPLE
<! DOCTYPE html>
<html>
<head>
<title> this is document </title>
</head>
<body>
<h1> this is heading </h1>
<p>Document content goes here……. </p>
</body>
</html>
2. GETTING STARTED & CREATING ANS SAVING HTML DOCUMENT:
Step 1: Creating the HTML file
Open up your computer's plain text editor and create a new file.
Step 2: Type some HTML code
Start with an empty window and type the following code:
Example:
<!DOCTYPE html>
<html lang="en">
<head>
<title>A simple HTML document</title>
</head>
<body>
, <p>Hello World!<p>
</body>
</html>
Step 3: Saving the file
Now save the file on your desktop as "myfirstpage.html ".
Note: It is important that the extension .html is specified — some text editors, such as Notepad,
will automatically save it as .txt otherwise.
Explanation of code
You might think what that code was all about. Well, let's find out.
• The first line <!DOCTYPE html> is the document type declaration. It instructs the web browser
that this document is an HTML5 document. It is case-insensitive.
• The <head> element is a container for the tags that provides information about the document, for
example, <title> tag defines the title of the document.
• The <body> element contains the document's actual content (paragraphs, links, images, tables, and
so on) that is rendered in the web browser and displayed to the user.
3. DOCUMENT LAYOUTS OF HTML PAGE
HTML layouts provide a way to arrange web pages in well-mannered, well-structured, and in
responsive form or we can say that HTML layout specifies a way in which the web pages can be
arranged. Web-page layout works with arrangement of visual elements of an HTML document.
Every website has a specific layout to display content in a specific manner.
Description of various Layout elements :
• HTML <header>
. The <header> element is used to create header section of web pages. The header contains the
introductory content, heading element, logo or icon for the webpage, and authorship information
• HTML <nav>
The <nav> elements is a container for the main block of navigation links. It can contain links for
the same page or for other pages.
1. HTML INTRODUCTION:
• HTML stands for Hypertext Markup Language, and it is the most widely used language to
write Web Pages.
• Hypertext refers to the way in which Web pages (HTML documents) are linked together.
Thus, the link available on a webpage is called Hypertext.
• As its name suggests, HTML is a Markup Language which means you use HTML to simply
"mark-up" a text document with tags that tell a Web browser how to structure it to display.
• HTML was developed with the intent of defining the structure of documents like headings,
paragraphs, lists, and so forth to facilitate the sharing of scientific information between
researchers.
• HTML is being widely used to format web pages with the help of different tags available in
HTML language.
EXAMPLE
<! DOCTYPE html>
<html>
<head>
<title> this is document </title>
</head>
<body>
<h1> this is heading </h1>
<p>Document content goes here……. </p>
</body>
</html>
2. GETTING STARTED & CREATING ANS SAVING HTML DOCUMENT:
Step 1: Creating the HTML file
Open up your computer's plain text editor and create a new file.
Step 2: Type some HTML code
Start with an empty window and type the following code:
Example:
<!DOCTYPE html>
<html lang="en">
<head>
<title>A simple HTML document</title>
</head>
<body>
, <p>Hello World!<p>
</body>
</html>
Step 3: Saving the file
Now save the file on your desktop as "myfirstpage.html ".
Note: It is important that the extension .html is specified — some text editors, such as Notepad,
will automatically save it as .txt otherwise.
Explanation of code
You might think what that code was all about. Well, let's find out.
• The first line <!DOCTYPE html> is the document type declaration. It instructs the web browser
that this document is an HTML5 document. It is case-insensitive.
• The <head> element is a container for the tags that provides information about the document, for
example, <title> tag defines the title of the document.
• The <body> element contains the document's actual content (paragraphs, links, images, tables, and
so on) that is rendered in the web browser and displayed to the user.
3. DOCUMENT LAYOUTS OF HTML PAGE
HTML layouts provide a way to arrange web pages in well-mannered, well-structured, and in
responsive form or we can say that HTML layout specifies a way in which the web pages can be
arranged. Web-page layout works with arrangement of visual elements of an HTML document.
Every website has a specific layout to display content in a specific manner.
Description of various Layout elements :
• HTML <header>
. The <header> element is used to create header section of web pages. The header contains the
introductory content, heading element, logo or icon for the webpage, and authorship information
• HTML <nav>
The <nav> elements is a container for the main block of navigation links. It can contain links for
the same page or for other pages.
