Вы находитесь на странице: 1из 3

INTRODUCTION TO WEB DESIGN USING MICROSOFT EXPRESSION STUDIO

XHTML Code

MODULE 2:

XHTML BASICS

Days: All except Day 6 File Name: S.2.1_2_3_4_5_7_8_9_10.WS_XHTML Tags and Attributes Topic: A Summary of XHTML Tags and Attributes Directions: Use this chart to assist you in creating code during Module 2.
Lesson Element Tags
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xh tml1-strict.dtd">

Description and Notes First thing in the document, tells what version of HTML or other language is being adhered to; there are three types of Doctypes: Strict, Transitional, and Frameset Example of a comment Indicates the page is written in HTML (first and last tags on a page, other than comments) Contains information about the page Displays the title at the top of the window. Always goes inside the HEAD element Indicates the body section Bold Strong or bold; represents importance Underline (deprecated) Italic Emphasis or italics Subscript Superscript Paragraph or paragraph break (A blank line is automatically inserted between paragraphs.) Note: Most browsers accept <p> as a paragraph break, without an associated end tag, but the end tag is recommended by W3C.

1 1 1 1 1 1 1 1 1 1

<!-- Comment --> <html></html> <head></head> <title></title> <body></body> <b></b> <strong></strong> <u></u> <i></i> <em></em> <sub></sub> <sup></sup>

<p></p>

INTRODUCTION TO WEB DESIGN USING MICROSOFT EXPRESSION STUDIO

<br /> 1 <hr /> 2 <hr width=X% size=N color=#YYYYYY <body background ="img.jpg" bgcolor=#xxxxxx text=#xxxxxx 2&3 link=#xxxxxx vlink=#xxxxxx alink=#xxxxxx> <img src="pic1.jpg" 3 height=xx width=xx alt="My Picture" /> <a href="URL of a Web page">text</a> 3 <a href="URL of a Web page"><img scr=pic.jpg /></a> <a href="URL of a Web page" target="_blank">text</a> <embed name="Heirloom" src="C:\Documents and Settings\Owner.FAMILYROOM\My Documents\My Music\Heirloom.mp3" width=xx 3 height=xx loop=false autostart=true> </embed> 8 8 8 8 <ul></ul> <ol></ol> <li></li> <dl></dl>

Line break (By default, no blank line is inserted after a <br /> tag, unlike with a paragraph break.)

Creates a horizontal rule Creates a horizontal rule with a width of X%, a size of some integer and the color of the line is defined by a hexadecimal code Uses a picture as the background (requires location of the picture) Background color of the page Color of the text Color of the hyperlinks that have not yet been followed Color of the hyperlinks that have been followed Color of the links while you are clicking on them Inserts the image at the location pic1.jpg Defines the size of the image as xx pixels high and xx pixels wide Creates a alt tag of My Picture Hyperlink using text as a link Hyperlink using an image as a link Hyperlink using text as a link and opens the Web page in a new window Plays a music file named Heirloom Defines the place where the music file can be found on the computer Places a player with a size of xx pixels wide and xx pixels high on the screen Plays the file once Requires the viewer to press play to start the music

unordered list heading for bulleted list ordered list heading for numbered list list item bulleted/numbered item (indented) definition list definition list

INTRODUCTION TO WEB DESIGN USING MICROSOFT EXPRESSION STUDIO

8 8

<dt></dt> <dd></dd> <table border=3 width=50% align=center> </table>

definition term word to be defined definition description definition (indented) Table with border of 3 Extends the table to 50% of the Web page Centers the table on the Web page Ends the table Defines a table row Defines table data, right alignment in the cell Creates a cell 2 rows wide Creates a cell 3 columns high Ends the table data

Ext

<tr></tr> <td align=right rowspan=2 colspan=3> </td>

Вам также может понравиться