CREATING WEB PAGES CREATING WEB PAGES

Using…More HTML code!

My First \ Web Page

More tags - formattingMore tags - formatting

<h #>…</h#> Headline size #1-6

<p>…</p> Paragraph

You can align a headline or paragraph

(center, right or left)

ex : <p align= “center”> blah blah blah </p>

<b>...</b> Bold text

<i>...</i> Italic text

<u>...</u>   Underlined text

Making listsMaking lists

Creating lists with HTML:<ol></ol> ordered/numbered list<ul></ul> bulleted list

Each item in the list must start with<li> no closing tag

Ex: <ol> <li>bug <li>bat <li>bike </ol>

Inserting graphicsInserting graphics

One-sided tag …no closing tagInserting an image saved in a folder or other file Make sure image is saved in same folder as text editor

<img src=filename.fileextension>ex: <img src=dog.jpg>

<p> <img src=dog.jpg> </p>

Inserting graphicsInserting graphics

Inserting an image from a website or other locationExample:

<img src=http://files.dogster.com/images/dogster/daily_tips/modal/modal-tips-dog.png width=“###” height=“###”>

HyperlinksHyperlinks

<a></a>hyperlinkex: <a href=“http://www.google.com” > GOOGLE</a>

Creating Web PagesCreating Web Pages

Don’t worry…

It’s not as hard as it sounds.

Quiz 1 and assignment 1