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
Top Related