Iml 140 web_week_2_html_basics_

718 views

Published on

Published in: Education, Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
718
On SlideShare
0
From Embeds
0
Number of Embeds
110
Actions
Shares
0
Downloads
12
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Iml 140 web_week_2_html_basics_

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

×