Xhtml 2010

[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Start Tag Content End Tag

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

TextPad is an editor that allows you to type text. Can be used to create web pages View in Web browser file name

[object Object],Browse to find file Then click here Choose File Upload Get this screen if code is valid

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Root Element

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Presentation Controls ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

List Type Element Item Element Ordered List <ol>……</ol> <li>……</li> Unordered List <ul>……</ul> <li>……</li> Definition List <dl>……</dl> <dt>…</dt> <dd>…</dd>

[object Object],heading 1 heading 2 paragraph line break horizontal rule

[object Object],heading 1 Heading 2 ordered list unordered list

This output isn’t very easy to read. It would be easier to read if it had a border and the columns were wider. To vary the output from the default you need to set attributes

border & width attribute set Attributes have a name and a value – the value is written in double quotes in lowercase

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],Now modify your code so the web page looks like this

JPEG Format Stage.jpg File size – 28k GIF Format Stage.gif File size – 13k PNG Format Stage.png File size –164k Original file – Windows Bitmap file – Stage.bmp File Size – 351k

This code assumes that an image named forest.jpg is stored in the same directory as the html file

[object Object],Download the Activity 4 images folder from the MyChisholm web site mountains.png beach.jpg

[object Object],Hint: Use a table without borders and investigate the attribute colspan for the heading

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Named anchor internal link – has # in front of name

internal links – will jump to where the named is anchor is

[object Object],Links to Act3_Q1.html Links to Act4_Q1.html

[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Open <form> element } Checkbox group for accounts } Radio group for emp close <form> element } Select group for branch submit button

[object Object],[object Object],[object Object],[object Object],[object Object],Download the Lab1 images folder from the MyChisholm web site

welcome.html To complete this table you will need to investigate the attributes: rowspan & colspan Links to baked_pears.html Links to pumpkin_creme_brulee.html recipe.jpg Links to contact_me.html

pumpkin_creme_brulee.html back_button.jpg links back to welcome.html pumpkin_creme_brulee.jpg

baked_pears.html back_button.jpg links back to welcome.html baked_pears.jpg Challenge: Work out how to add a fraction & degree symbol

contact_me.html back_button.jpg links back to welcome.html

If you have completed Activities1-6 and Lab 1 then complete the XHTML tutorial and quiz at: http://www.w3schools.com/xhtml/default.asp

Xhtml 2010

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (18)

Andere mochten auch

Andere mochten auch (10)

Ähnlich wie Xhtml 2010

Ähnlich wie Xhtml 2010 (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Xhtml 2010