• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Iml 140 web_week_2_html_basics_
 

Iml 140 web_week_2_html_basics_

on

  • 659 views

 

Statistics

Views

Total Views
659
Views on SlideShare
551
Embed Views
108

Actions

Likes
0
Downloads
8
Comments
0

1 Embed 108

http://xwiki.usc.edu 108

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Iml 140 web_week_2_html_basics_ Iml 140 web_week_2_html_basics_ Presentation Transcript

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