Published on

With HTML you can create your own Web site.

This tutorial teaches you everything about HTML.

HTML is easy to learn - You will enjoy it.

Published in: Technology
  • Be the first to comment

  • Be the first to like this


  1. 1. - Instructor: Mohammad Rafi Haidari24-May-2014 HTML (Day 2)  Comments  Links  Head  Images  Lists
  2. 2. HTML Comments You can add comments to your HTML source by using the following syntax: <!-- Write your comments here --> Comments are not displayed by the browser, but they can help document your HTML. With comments you can place notifications and reminders in your HTML.
  3. 3. HTML Links The HTML <a> tag defines a hyperlink. The most important attribute of the <a> element is the href attribute, which indicates the link's destination. By default, links will appear as follows in all browsers: An unvisited link is underlined and blue A visited link is underlined and purple An active link is underlined and red The HTML code for a link is simple. It looks like this: <a href="url">Link text</a>
  4. 4. HTML Links Example <a href="">Visit Google</a> which will display like this: Visit Google Clicking on this hyperlink will send the user to Google' homepage. Tip: The "Link text" doesn't have to be text. It can be an image or any other HTML element. The target attribute specifies where to open the linked document. The example below will open the linked document in a new browser window or a new tab: <a href=""
  5. 5. HTML Links The id attribute can be used to create a bookmark inside an HTML document. Tip: Bookmarks are not displayed in any special way. They are invisible to the reader. Example An anchor with an id inside an HTML document: <a id="tips">Useful Tips Section</a> Create a link to the "Useful Tips Section" inside the same document: <a href="#tips">Visit the Useful Tips Section</a>
  6. 6. HTML Head The <head> element is a container for all the head elements. Elements inside <head> can include scripts, instruct the browser where to find style sheets, provide meta information, and more. The following tags can be added to the head section: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>. The <title> tag defines the title of the document. <title>Title of the document</title>
  7. 7. HTML Images In HTML, images are defined with the <img> tag. The <img> tag is empty, which means that it contains attributes only, and has no closing tag. To display an image on a page, you need to use the src attribute. Src stands for "source". The value of the src attribute is the URL of the image you want to display. Syntax for defining an image: <img src="url" alt="some_text"> <img src="smiley.gif" alt="Smiley face" width="42" height="42">
  8. 8. HTML Lists The most common HTML lists are ordered and unordered lists: HTML Unordered Lists An unordered list starts with the <ul> tag. Each list item starts with the <li> tag. The list items are marked with bullets (typically small black circles). <ul> <li>Coffee</li> <li>Milk</li> </ul> An ordered list starts with the <ol> tag. Each list item starts with the <li> tag. The list items are marked with numbers. <ol> <li>Coffee</li> <li>Milk</li>