Delivery of HTML: Hello World Program Computer Program

Introduction
HTML, which stands for HyperText Markup Language, is the predominant markup language for
crating static web pages. It allows images and objects to be embedded in web pages.HTML is written in
the form of HTML elements consisting of "tags" surrounded by angle brackets within the web page
content. It can include or can load scripts in languages such as JavaScript,vbscript which affects the
behavior of HTML processors like Web browsers; and Cascading Style Sheets (CSS) to define the
appearance and layout of text and other material.
The Hello world program, a common computer program employed for making a basic html web
page is as follows. The code can be written in text editor such as Windows Notepad. Also some
othr editors such as MS frontpage,Adobe pagemill can also be used.
<html>
<head>
<title>Hello HTML</title>
</head>
<body>
<p>Hello World!</p>
</body>
</html>
After we are thorough with the coding we save the above source code file with format extension as html
or htm and directly open the file in a Web browser.
Delivery of HTML
HTML documents can be delivered by the same means as any other computer file; however, they
are most often delivered either by HTTP from a Web server or by e-mail.
HTTP
The World Wide Web is composed primarily of HTML documents transmitted from Web
servers to Web browsers using the Hypertext Transfer Protocol (HTTP). However, HTTP is used
to serve images, sound, and other content in addition to HTML. HTTP is basd on Requst
Response model which states that a page is rquested by the client machine and this rquest is
processd by the web server and appropriate Response is provided back to the client machine.
HTML Tags Chart
Following are the basic tags that are used for creating static web pages in html.
Tag Name Code Example Browser View


<a href="http://www.domain.com/">
<a - anchor
Visit Our Site</a>
<b> bold <b>Example</b> Example
<big> big (text) <big>Example</big>
body of
<body>The content of your HTML
<body> HTML Contents of your web page
page</body>
document
The contents of your page<br>The The contents of your web page

<br> line break
contents of your page The contents of your web page
<center>This will center your

<center> center This will center your contents
contents</center>
<dl> Definition Term

<dt>Definition Term</dt>
definition <dd>Definition of the term</dd> Definition of the term
<dd>
description <dt>Definition Term</dt> Definition Term
<dd>Definition of the term</dd>
</dl> Definition of the term
<dl> Definition Term

<dd>Definition of the term</dd> Definition of the term
<dl> definition list
<dt>Definition Term</dt> Definition Term
<dd>Definition of the term</dd>
<dt> definition <dl> Definition Term

term <dt>Definition Term</dt>
<dd>Definition of the term</dd> Definition of the term
<dd>Definition of the term</dd> Definition Term
<font face="Times New Roman"

<font> font
size="4">Example</font>
<form action="a.asp" method=”get/post>

Name: <input name="Name" value=""
Name:
size="10"><br>
<form> form Email: <input name="Email" value="" Email:
size="10"><br>
Submit
<center><input type="submit"></center>
</form>
<h1> heading 1 <h1>Heading 1 Example</h1>

heading of
<head>Contains elements describing the
<head> HTML Nothing will show
document</head>
document
<html>
<head>
<meta>
hypertext
<title>Title of your web page</title>
<html> markup Contents of your web page
</head>
language
<body>HTML web page contents
</body>
</html>
<i> italic <i>Example</i> Example
<img> image <img src="Earth.gif" width="41"

height="41" border="0" />
This tag
has no
closing tag
Example 1:
<form method=”get/post” action="a.asp”

Example 1:
>
<input> input field
<input type="text" size="10"
maxlength="30"> Submit
<input type="Submit" value="Submit">

</form>
Example 4:
Example 4:
<form method=post action="/cgi-
bin/example.cgi">
Enter Your Comments:<br>
<input> input field <textarea wrap="virtual"
name="Comments" rows=3 cols=20
maxlength=100></textarea><br>
Submit Clear
<input type="Reset" value="Clear">
</form>
Example 5:
<form method=post action="a.asp">

<center>
Select an option:
<select>
<option >option 1</option>
Example 5:
<option selected>option 2</option>
<input> input field
<option>option 3</option>
<option>option 4</option> Select an option:
<option>option 5</option> Submit
<option>option 6</option>
</select><br>
<input type="Submit"
value="Submit"></center>
</form>
<input> input field Example 6: Example 6:
<form method=post action=a.asp"> Select an option:

Select an option:<br> Option 1
<input type="radio" name="option">
Option 1
<input type="radio" name="option"
checked> Option 2
Option 2
<input type="radio" name="option">
Option 3 Option 3
<br>
<br> Select an option:
Select an option:<br>
<input type="checkbox" Selection 1
name="selection"> Selection 1 Selection 2
<input type="checkbox"
name="selection" checked> Selection 2 Selection 3
<input type="checkbox" Submit
name="selection"> Selection 3
</form>
Example 1:
Example 1:
<menu>
<li type="disc">List item 1</li> • List item 1
<li type="circle">List item 2</li>
<li type="square">List item 3</li> o List item 2
</MENU>
 List item 3
<li> list item
Example 2:ordered list
Example 2:
<ol type="i">
<li>List item 1</li> i. List item 1
<li>List item 2</li> ii. List item 2
<li>List item 3</li> iii. List item 3
<li>List item 4</li>
</ol> iv. List item 4
Numbered Numbered
<ol> 1. List item 1

<li>List item 1</li> 2. List item 2
<ol> ordered list <li>List item 2</li> 3. List item 3
4. List item 4
</ol>
Numbered Special Start
<ol start="5">
<li>List item 1</li> Numbered Special Start
7. List item 3
</ol>
8. List item 4
Lowercase Letters
<ol type="a"> Lowercase Letters

<li>List item 2</li> a. List item 1
<li>List item 3</li> b. List item 2
<li>List item 4</li> c. List item 3
</ol> d. List item 4
Capital Letters
<ol type="A">
<li>List item 2</li> Capital Letters
<li>List item 4</li> A. List item 1
</ol> B. List item 2
C. List item 3
D. List item 4
This is an example displaying the use of This is an example displaying the

the paragraph tag. <p> This will create a use of the paragraph tag.
line break and a space between lines.
This will create a line break and a
Attributes: space between lines.
Example 1:<br> Attributes:

<p> paragraph
<br>
<p align="left"> Example 1:
This is an example<br>
displaying the use<br> This is an example
of the paragraph tag.<br> displaying the use
<br> of the paragraph tag.
<small> small (text) <small>Example</small> Example
Example 1:
Example 1:
<table border="4" cellpadding="2"
cellspacing="2" width="100%">
Column 1 Column 2
<tr>
<table> table
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>
<table border="2" cellpadding="2"

<tr>
<td> table data <td>Column 1</td>
<td>Column 2</td> Column 1 Column 2
</tr>
</table>
<th> table header <div align="center">

<table>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>
<tr> Column 1 Column 2 Column 3
<td>Row 2</td>
Row 2 Row 2 Row 2
<td>Row 2</td>
<td>Row 2</td> Row 3 Row 3 Row 3
</tr>
<tr> Row 4 Row 4 Row 4
<td>Row 3</td>
<td>Row 3</td>
<td>Row 3</td>
</tr>
<tr>
<td>Row 4</td>
<td>Row 4</td>
<td>Row 4</td>
</tr>
</table>
</div>
document Title of your web page will be

<title> <title>Title of your HTML page</title>
title viewable in the title bar.
<table border="2" cellpadding="2" Column 1 Column 2

<tr>
<tr> table row <td>Column 1</td>
<td>Column 2</td>
</tr>
</table>
<u> underline <u>Example</u> Example
Example 1:<br>
<br>
<ul> Example 1:
<li>List item 2</li> • List item 1
</ul> • List item 2
<br>
unordered Example 2:<br>
<ul>
list <ul type="disc"> Example 2:
<li>List item 2</li> • List item 1
<ul type="circle"> • List item 2
o List item 3
o List item 4
</ul>
</ul>

Delivery of HTML: Hello World Program Computer Program

Hochgeladen von

Dokumentinformationen

Originalbeschreibung:

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Delivery of HTML: Hello World Program Computer Program

Hochgeladen von

Copyright:

Verfügbare Formate

Introduction

Tag Name Code Example Browser View

<b> bold <b>Example</b> Example

<big> big (text) <big>Example</big>

The contents of your page<br>The The contents of your web page

<center>This will center your

<dl> Definition Term

<dl> Definition Term

<dt> definition <dl> Definition Term

<font face="Times New Roman"

<form action="a.asp" method=”get/post>

<h1> heading 1 <h1>Heading 1 Example</h1>

<i> italic <i>Example</i> Example

<img> image <img src="Earth.gif" width="41"

<form method=”get/post” action="a.asp”

<input type="Submit" value="Submit">

<form method=post action="a.asp">

<input> input field Example 6: Example 6:

<form method=post action=a.asp"> Select an option:

<ol> 1. List item 1

<ol type="a"> Lowercase Letters

This is an example displaying the use of This is an example displaying the

Example 1:<br> Attributes:

<table border="2" cellpadding="2"

<th> table header <div align="center">

document Title of your web page will be

<table border="2" cellpadding="2" Column 1 Column 2

<u> underline <u>Example</u> Example

Das könnte Ihnen auch gefallen