ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

Sample HTML Program and Resulting Web Page

Updated on March 29, 2011


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

Comments

    0 of 8192 characters used
    Post Comment

    • profile image

      balasivakumar 

      18 months ago

      its very useful and easily understandable

    • TENKAY profile image

      TENKAY 

      3 years 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.

    • TENKAY profile image

      TENKAY 

      3 years ago from Philippines

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

    • profile image

      indu 

      3 years ago

      good example

    • profile image

      vikash dude 

      4 years ago

      very gud.......

    • profile image

      anand 

      4 years ago

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

    • profile image

      suja 

      4 years ago

      very nice...and useful

    • profile image

      lux 

      5 years ago

      Its very useful....

    • profile image

      lux 

      5 years ago

      Its very useful....

    • profile image

      5 years ago

      n

      jjjjjjjjjjjjjjjj

    • profile image

      nelson 

      5 years ago

      fantastic

    • profile image

      nevetha 

      5 years ago

      awesome

    • profile image

      billa 

      6 years ago

      nice dude....

    • profile image

      Akshay 

      6 years ago

      bakwaass!!

    • profile image

      vaithees.... 

      6 years ago

      mre useful... and nice

    • profile image

      ram 

      6 years ago

      nice

    • profile image

      gayathri 

      6 years ago

      ya this is a wonderful basic examples

    • profile image

      6 years ago

      fjklsdfkasksdfk

      rfsfsdf

      sdf

      sdf

      sdfsdf

    • profile image

      6 years ago

      TGFDDDHFGDFDGHDFG

    • profile image

      Lala 

      6 years ago

      bakit ayaw gumana nung html?

    • profile image

      murugan 

      7 years ago

      its very useful for me..

    working

    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, hubpages.com uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

    For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: https://hubpages.com/privacy-policy#gdpr

    Show Details
    Necessary
    HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
    LoginThis is necessary to sign in to the HubPages Service.
    Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
    AkismetThis is used to detect comment spam. (Privacy Policy)
    HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
    HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
    Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
    CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
    Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy)
    Features
    Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
    Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
    Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
    Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
    Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
    VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
    PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
    Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
    MavenThis supports the Maven widget and search functionality. (Privacy Policy)
    Marketing
    Google AdSenseThis is an ad network. (Privacy Policy)
    Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
    Index ExchangeThis is an ad network. (Privacy Policy)
    SovrnThis is an ad network. (Privacy Policy)
    Facebook AdsThis is an ad network. (Privacy Policy)
    Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
    AppNexusThis is an ad network. (Privacy Policy)
    OpenxThis is an ad network. (Privacy Policy)
    Rubicon ProjectThis is an ad network. (Privacy Policy)
    TripleLiftThis is an ad network. (Privacy Policy)
    Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
    Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
    Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
    Statistics
    Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
    ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
    Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)