An Introduction To HTML
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
333
On Slideshare
327
From Embeds
6
Number of Embeds
1

Actions

Shares
Downloads
6
Comments
0
Likes
0

Embeds 6

http://www.newman.ac.uk 6

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. An Introduction to HTML
  • 2. Tags
    A basic HTML file contains markers called Tags. They are indicated by the use of < and >
    They almost always work in pairs with a starting tag e.g. <HTML>, and a closing tag </HTML>. These surround the information that is included in that section of the webpage.
  • 3. <head></head>
    The head section of the webpage is for the browser use only. It is used to place coding about the style and format of the page such as style sheets and JavaScript.
    Within there, you may see <title> </title>. This has two uses. 1-For search engines to find the page content and index it and 2- for it to be displayed in the top bar of the browser to indicate the content of the page.
  • 4. <body> </body>
    These tags indicate the main section of the page and contains everything the user can see in the web browser i.e. all the text, images, videos etc…
    Within this section other tags can be used to highlight pieces of text.
  • 5. Text Tags
    Headings: <h1> <h2><h3> etc…
    (Each one gets smaller to indicate the level of heading. Don’t forget to close the tags </h1>)
    Underline: <u></u>
    Bold: <b></b>
    Italics: <i></i>
    Paragraph: <p></p>
    If you just want to start a new line then use: <br/> at the end of your sentence. There is no opening tag. The “/” is at the end because this tag is self-closing.
  • 6. Hyperlinks
    This is a reference (address) to a resource on the web such as a webpage, image, movie or sound file.
    This is what it looks like:
    <a href=“URL”> link text</a>
    Write what will appear on the screen e.g. BBC Website
    “a” stands for anchor. This is what defines a link tag
    Closing tag
    Uniform Resource Locator. The web address where the resource is found e.g.- http://www.bbc.co.uk.htm
    Opening tag
  • 7. Important points
    Familiarise yourself with the common tags used on most webpage's.
    Don’t forget to add the closing tags
    Just because you press enter to start a new line doesn’t mean the browser will pick it up use: </br>
  • 8. Useful Resources
    If you want to further your understanding of HTML then visit this website:
    http://www.w3schools.com/html/default.asp
    (Accessed: 20 December 2009)