log inhelp

Get your own free workspace
View
 

Some Preliminaries of html and xhtml

Page history last edited by Edward Lynch 3 years, 1 month ago

Saving:

  • Always save in the D: drive
  • Save in your student drive as a backup
  • Save on your Google or Wiki page as another backup
  • Back up again on a flash drive

Naming conventions

  • USE all small or lower case letters
  • USE names that identify your subject
  • USE names that you can understand
  • Name your Homepage index.html
  • Do Not save a document as index.xhtml

Folders:

  • Name your folders using the above rules.
  • Do Not Bury folders within Folders

  • DO NOT USE Spaces (http://www.wsu.edu/my  file.html)

  • DO NOT USE Periods (dots) that do not immediately precede a file extension

  • DO NOT USE Any character that is not a letter, a number, a dash, or an underscore

    Sample Codes in HTML and XHTML

     

     

    Copy this code exactly as writen into Notepad and save it as .html

     

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

    <html>

    <head>

    <title>My first html document </title>

    </head>

    <body>

    I will write something very important in this space.

    </body>

    </html>

    Here are some tags that you can use inside the <body> </body> tag.

    <p>This is a paragraph.</p>

    <tt>Teletype text</tt> <i>Italic text</i> <b>Bold text</b> <big>Big text</big>

    <small>Small text</small>

    <blockquote>

    Here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation.

    </blockquote>

    Here are some tags that you can use inside the <head> </head> tag.

    META TAGS: Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata.

     

    <head>

    <meta name="description" content="Free Web tutorials" />

    <meta name="keywords" content="HTML,CSS,XML,JavaScript" />

    </head>

     

    Ready for Cascading Style Sheets (CSS)? Enter the code below exactly as written (both "paragraphs").

    <html>

    <head>

    <style type="text/css">

    h1 {color:red}

    p {color:blue}

    </style>

    </head>

    <body>

    <h1>Header 1</h1>

    <p>A paragraph.</p>

    </body>

    </html>

Comments (0)

You don't have permission to comment on this page.

PDF version