HTML22 Design an HTML Page for the “Block Introduction” of this book.

By | June 29, 2018

Design an HTML Page for the “Block Introduction” of this book: The page should allow scrolling and the code should contain a comment header with your name and enrolment number.

HTML_Block_intro_Page

HTML_Block_intro_Source_Code

Design an HTML Page for the “Block Introduction” of this book: The page should allow scrolling and the code should contain a comment header with your name and enrolment number.

Html code:

<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>CSSimplified.com HTML22</TITLE>
</HEAD>
<BODY bgColor="yellow" Text="blue">
<P ALIGN="Center"><B><BIG>KOPPELLA-022203804</BIG></B><BR></P>
This Block is a practical block. It consists of 5 sections, namely,
HTML,Advanced HTML, VBScript, JavaScript, and Dreamweaver.
Each section introduces the basics of scripting language,
how to create the basic documents and finally a list of 10 sessions
for doing practical excercises.
</P>
<P>
The block is organized as follows: sestion 1 describes HTML.
It intoduces the basics of HTML, how to create an HTML document,
steps for creating an HTML program and finally, it contains 10 sessions
for lab practice.
</P>
<P>
Section 2 goes one step further and intoduces Advanced HTML.
All the lab excercises in this sessions are about the two basic
advanced features: frames and forms. HTML deals with forms exactly
the same way as youy would with a paper form. There are groups of items
and single all gathered together in one large form, like a paper form.
</P>
<P>
Section 3 focuses on JavaScript, which is also a scripting language.
The JavaScript provides interactivity to the user.
The following features are supported in JavaScript:
<UL>
<LI>Add scrolling or changing messages to the browser's status line.</LI>
<LI>Validate the contents of a form and make calculations.</LI>
<LI>Display messages to the user, either as part of a web page or in alert boxes.</LI>
</UL>
This section also gives tips on how to incorporate JavaScript into a Web page.
</P>
</BODY>
</HTML>
</TABLE>
</BODY>
</HTML>

 

Write above code in any text editor and save by htm or html extension and Open it in any browser by double clicking the file like internet explorer.

 

<!DOCTYPE html>

This tag defines the document type and HTML version.

 

<HTML>…</HTML>

This tag encloses the complete HTML document and mainly comprises of document header which is represented by <head>…</head> and document body which is represented by <body>…</body> tags.

 

<HEAD>…</HEAD>

This tag represents the document’s header which can keep other HTML tags like <title>, <link> etc.

 

<TITLE> CSSimplified.com HTML 22</TITLE>

The <title> tag is used inside the <head> tag to mention the document title.

 

<BODY>…</BODY>

This tag represents the document’s body which keeps other HTML tags like <h1>, <div>, <p> etc.

 

<P>…</P>

The <p> tag offers a way to structure your text into different paragraphs. Each paragraph of text should go in between an opening <p> and a closing </p> tag.

 

<B>…</B>

Anything that appears within <b>…</b> element, is displayed in bold.

 

<I>…</I>

The HTML <i> tag is used to display the content in italic.

 

<BIG>…</BIG>

The content of the <big>…</big> element is displayed one font size larger than the rest of the text surrounding it.

 

The <!DOCTYPE> Declaration

The <!DOCTYPE> declaration tag is used by the web browser to understand the version of the HTML used in the document. Current version of HTML is 5 and it makes use of the following declaration:

<!DOCTYPE html>

There are many other declaration types which can be used in HTML document depending on what version of HTML is being used. We will see more details on this while discussing <!DOCTYPE…> tag along with other HTML tags.

Note:- To understand program for sequence in detail Please SEARCH numerically example: HTML01, HTML02, etc.