Scribd
Upload
80 views

Delivery of HTML: Hello World Program Computer Program

The document provides an introduction to HTML, including what it stands for and its basic purpose and structure. It then provides a simple "Hello World" example of an HTML page written in just a few lines of code. Finally, it discusses how HTML pages are delivered via HTTP from web servers to browsers.

Uploaded by

Id Mohammad
Copyright
© Attribution ShareAlike (BY-SA)
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
80 views

Delivery of HTML: Hello World Program Computer Program

The document provides an introduction to HTML, including what it stands for and its basic purpose and structure. It then provides a simple "Hello World" example of an HTML page written in just a few lines of code. Finally, it discusses how HTML pages are delivered via HTTP from web servers to browsers.

Uploaded by

Id Mohammad
Copyright
© Attribution ShareAlike (BY-SA)
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 8

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


<!--This can be viewed in the HTML part
<!-- comment Nothing will show
of a document-->

<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


<dt>Definition Term</dt>
<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>
</dl> Definition of the term

<dt> definition <dl> Definition Term


term <dt>Definition Term</dt>
<dd>Definition of the term</dd> Definition of the term
<dt>Definition Term</dt>
<dd>Definition of the term</dd> Definition Term
</dl> Definition of the 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>


<h2> heading 2 <h2>Heading 2 Example</h2>
<h3> heading 3 <h3>Heading 3 Example</h3>
<h4> heading 4 <h4>Heading 4 Example</h4>
<h5> heading 5 <h5>Heading 5 Example</h5>
<h6> heading 6 <h6>Heading 6 Example</h6>

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>
<input type="Submit" value="Submit">
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
<input type="Submit" value="Submit">
</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
<li>List item 3</li>
<li>List item 4</li>
</ol>
Numbered Special Start

<ol start="5">
<li>List item 1</li> Numbered Special Start
<li>List item 2</li>
<li>List item 3</li> 5. List item 1
<li>List item 4</li> 6. List item 2
7. List item 3
</ol>
8. List item 4

Lowercase Letters

<ol type="a"> Lowercase Letters


<li>List item 1</li>
<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 1</li>
<li>List item 2</li> Capital Letters
<li>List item 3</li>
<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"


cellspacing="2" width="100%">
<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


cellspacing="2" width="100%">
<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 1</li>
<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 1</li>
<li>List item 2</li> • List item 1
<ul type="circle"> • List item 2
o List item 3
<li>List item 3</li>
<li>List item 4</li>
o List item 4
</ul>
</ul>

You might also like