User Tools

Site Tools


documentation:html

~~TOC~~

Lab46 Tutorials

HTML

Hyper Text Markup Language

HTML is a mark up language used for web page creation. It has been the standard for web development since the early 1990's. The current version is HTML 5.0 and still continues to be the standard. Using simple “tags” or opening and closing commands denoted as <tag> </tag>. A structured document can be created that can be veiwed on any common web browser. No special tools are needed except a text editor and a browser to edit and view the page respectively.

First Web Page

<html>
    <head>
        <title>My New Web Page</title>
    </head>
    <body>
        Hello world this is my new web page!
    </body>
</html>

save as index.html

to view open the file within your favorite web browser.

Common Tags

  • main tags wraps whole page
<html></html>
  • header tags # is the nubbier header you want {1,2,3,4,5}
<h#></h#>
  • paragraph tags
<p></p>
  • anchor tags used for web links
<a href""></a>
  • wraps main content
<body></body>
  • wraps page information {title, css}
<head></head>
  • wraps webpage title
<title></title>
  • inserts an image
<img src="">
  • wraps a portion of text for separation
<span></span>
  • line break
<br/>
  • comment tags
<!- ->
  • used for linking webpages
<link rel="" type="" href="" />
  • divider tags
<div></div>

Example with more tags

<html>
    <head>
        <title> This is my title </title>
    </head>
    <body>
        <h1> Big header </h1>
        <!- this is a comment ->
        <p>
            start of a new paragraph
            <br /> <!- line break ->
            <a href="www.google.com">GOOGLE</a>
            <!- a link to google -> 
        </p>
        <p>
            another paragraph with a picture
            <img src="picture.jpg">
        </p>
    </body>
<html>
documentation/html.txt · Last modified: 2010/05/20 11:45 by triley2