Your SlideShare is downloading. ×
0
html & css       the basics
tag          content             <h1>My heading</h1>                                   closing tagtagsare for describing  ...
whats content? tex       t                 ag es                    im           videos{all the above.
more tag examples   <h2>My subheading</h2>   <a href=”http://google.com”>Google</a>     {      attribute
<img src=”photo.jpg”></img>                             wheres the content?sometimes, the attributes are enough to describ...
a bunch of tags together iscalled an HTML document.
checkout some popular websites HTML                      code.chrome & firefox       right click anywhere on the page, and...
whoa.                      you probably just saw a bunch of stuff youve                      never seen before. for exampl...
without CSS:                           whats CSS? <center><p>My centered paragraph.</p></center>with CSS:              htm...
CSS is just a way of separating                            style   contentfont                                            ...
using CSS       do stuff with all p       (paragraph) tags                                                       set font ...
say I wanted to...change all heading level 1 (h1) tags to the color blackchange all link (a) tags to the color bluechange ...
Upcoming SlideShare
Loading in...5
×

HTML & CSS Basics

522

Published on

A quick HTML & CSS review for high school students.

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

  • Be the first to like this

No Downloads
Views
Total Views
522
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
17
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "HTML & CSS Basics"

  1. 1. html & css the basics
  2. 2. tag content <h1>My heading</h1> closing tagtagsare for describing content.
  3. 3. whats content? tex t ag es im videos{all the above.
  4. 4. more tag examples <h2>My subheading</h2> <a href=”http://google.com”>Google</a> { attribute
  5. 5. <img src=”photo.jpg”></img> wheres the content?sometimes, the attributes are enough to describetag – hence, no content. tags without content, canbe written in a shortened way, like so: <img src=”photo.jpg” />
  6. 6. a bunch of tags together iscalled an HTML document.
  7. 7. checkout some popular websites HTML code.chrome & firefox right click anywhere on the page, and click “View Source” or “View Page Source”.
  8. 8. whoa. you probably just saw a bunch of stuff youve never seen before. for example, on Google or YouTube you might have seen some function() { doSomething(); uglyParentheses(); JavaScript }p { font-family:Helvetica; } CSS
  9. 9. without CSS: whats CSS? <center><p>My centered paragraph.</p></center>with CSS: html css p {<p>My centered paragraph</p> align: center; }
  10. 10. CSS is just a way of separating style contentfont textcolor imagesimage border videosalignment (left, center, right) links
  11. 11. using CSS do stuff with all p (paragraph) tags set font to arialchange the p { color: white;color to white font-family: Arial; font-size: 12px; } set font size to 12 color, font-family, and font-size are properties. white, arial, and 12px are values.
  12. 12. say I wanted to...change all heading level 1 (h1) tags to the color blackchange all link (a) tags to the color bluechange all image (img) tags to the color blue give me the CSS.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×