Iml 140 web_week_2_html_basics_
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
715
On Slideshare
607
From Embeds
108
Number of Embeds
1

Actions

Shares
Downloads
9
Comments
0
Likes
0

Embeds 108

http://xwiki.usc.edu 108

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. 1) create folder on desktop
  • 2. 2) download an image & put it in your folder (& name image) &  
  • 3. 3) create "hello world".html  
  • 4. 4) get placeholder text: http://websitetips.com/ articles/copy/lorem/
  • 5. 6) insert sample text into body tag: <body>  </body>
  • 6. 7) insert image:   <img src=&quot;name_of_file&quot;>
  • 7. 8) add attributes:
  • 8. line break: <br>
  • 9. paragraph break: <p>  </p>
  • 10. change size of image: <img src=&quot;file&quot; height=&quot;&quot; width=&quot;&quot;>
  • 11. change font color: <font color=&quot;red&quot;> This text is in color. </font>
  • 12. <font color=&quot;red&quot; font face=&quot;courier&quot; size=&quot;48&quot;> This text is in color. </font> add more attributes:
  • 13. change background color <body bgcolor=&quot;yellow&quot;> </body>
  • 14. <img src=&quot;file&quot; height=&quot;&quot; width=&quot;&quot; align=&quot;left&quot; style=&quot;margin: 0px 10px 10px 10px &quot;   add padding around image - top - right - bottom – left:
  • 15. center “hello world” heading: <center> heading </center>
  • 16. set markers: <div> ______ </div>
  • 17. set marker attributes: <div align=“justify”> _ </div>
  • 18. 9) insert another image – this time from the Web:   <img src=“web location“ height=“” width=“” align=“right”>