Sample HTML Program and Resulting Web Page


Here’s a sample web page and the HTML Markup behind it.

 

Sample web page
Sample web page

The above page contains different components such as image (picture), heading, paragraph, and a list of bulleted items. Notice that the heading size is big and in bold.


To view the HTML source program behind it, you can either click File then View Source or right-click on the page and select View Source.


Below is the HTML Markup or source you’ll see:


<html>
<head>
<title>Online Social Networking</title>
</head>
<body>
<h1><img src=”social_networking.jpg” width=”75” height=”100” Alt=”Social Networking” align=”middle” hspace=”5”>Online Social Networking is the Way
</h1>
<p>In order to stay in touch with friends, family, and other relatives, one way to do it is through social networking online. Among most popular websites are the following:”
</p>
<ul>
<li>Facebook</li>
<li>MySpace</li>
<li>Friendster</li>
<li>Twitter</li>
<li>Classmates</li>
<li>Bebo</li>
</ul>
</body>
</html>


The text inside the less-than and greater-than signs (< >) is the HTML markup. In the above example, the <p>…</p> markup identifies the text as a paragraph while the <li>…</li> markup identifies each item in the bullet list. HTML almost always uses beginning and ending markups, also called tags.


Readings:

Beginning HTML, XHTML, CSS, and JavaScript (Wrox Programmer to Programmer), Web Design Training in JavaScript, HTML, CSS. Video Based Training on 3 DVDs, Building iPhone Apps with HTML, CSS, and JavaScript: Making App Store Apps Without Objective-C or Cocoa, Beginning Smartphone Web Development: Building Javascript, CSS, HTML and Ajax-Based Applications for iPhone, Android, Palm Pre, Blackberry, Windows Mobile and Nokia S60, Developing Hybrid Applications for the iPhone: Using HTML, CSS, and JavaScript to Build Dynamic Apps for the iPhone, Web Standards Programmer's Reference : HTML, CSS, JavaScript, Perl, Python, and PHP, Kilian Valkhof, Creating Vista Gadgets: Using HTML, CSS and JavaScript with Examples in RSS, Ajax, ActiveX (COM) and Silverlight

More by this Author

  • Pork Menudo – Easy Filipino Recipe
    16

    Pork Menudo is a favorite Filipino dish which can be served on a day-to-day meal or for gatherings or special occasions. This sounds like Spanish food but it's actually Filipino style. The food...

  • Sweet and Sour Pork Recipe
    1

    Cut the pork into 3/4 inch cubes. Season with salt and soy sauce. Roll in all purpose flour. Roll again in egg yolk then roll again in flour. Deep fry until done. Cut tomato into 8 pieces. Cut onion also into 8 pieces....

  • Filipino Food in English Terms
    20

    Filipino food fiesta.. hmmm delicious! Here are some Filipino or Tagalog words used in Food Recipes and their corresponding English translation, definition, or meaning: achuete - annatto; red seeds used to...


Comments 20 comments

murugan 5 years ago

its very useful for me..


Lala 4 years ago

bakit ayaw gumana nung html?


4 years ago

TGFDDDHFGDFDGHDFG


4 years ago

fjklsdfkasksdfk

rfsfsdf

sdf

sdf

sdfsdf


gayathri 4 years ago

ya this is a wonderful basic examples


ram 4 years ago

nice


vaithees.... 4 years ago

mre useful... and nice


Akshay 4 years ago

bakwaass!!


billa 4 years ago

nice dude....


nevetha 4 years ago

awesome


nelson 3 years ago

fantastic


3 years ago

n

jjjjjjjjjjjjjjjj


lux 3 years ago

Its very useful....


lux 3 years ago

Its very useful....


suja 3 years ago

very nice...and useful


anand 2 years ago

very nice and useful..........................


vikash dude 2 years ago

very gud.......


indu 22 months ago

good example


TENKAY profile image

TENKAY 19 months ago from Philippines

I am so frustrated capturing image from the web... am trying HTML5 using "figure" and "fig caption" elements. Please help me.


TENKAY profile image

TENKAY 19 months ago from Philippines

I got it.... i was able to put a picture taken from one of my hubs! but if you can give more tips please regarding image capture from the web.

    Sign in or sign up and post using a HubPages Network account.

    0 of 8192 characters used
    Post Comment

    No HTML is allowed in comments, but URLs will be hyperlinked. Comments are not for promoting your articles or other sites.


    Click to Rate This Article
    working