Downloaded 12 times
![[Basic HTML/CSS] 0. introduction](https://cdn.slidesharecdn.com/ss_thumbnails/0-170304051145-thumbnail.jpg?width=640&height=640&fit=bounds)
Html css basic
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11. <meta charset="UTF-8"> <title> </title> <linkrel="stylesheet" type="text/css" href="theme.css"> 11
- 12.
- 13. 13 <h1> <div> <p> <span> <ul><li> <a> <img>…
- 14.
- 15. 15 SAMPLE PAGE <p>See youagain</p> <p>See you again</p> <p>See</p> <p>you</p> <p>again</p> See you again See you again See you again
- 16. 16 SAMPLE PAGE <a href=“http://google.com”>Seeyou again</a> See you again Click! SAMPLE PAGE
- 17.
- 18.
- 19.
- 20. 20 SAMPLE PAGE <div>see</div> <div>you</div> <div>again</div> see you again see youagain<span>see<span> <span>you</span> <span>again</span>
- 21.
- 22.
- 23.
- 24. 24 <!DOCTYPE html> <html> <head> <title>SAMPLE PAGE</title> <linkrel="stylesheet" type="text/css" href="theme.css"> </head> <body> <h1>Oh</h1> <h2>Hi</h2> <h3>Yo</h3> </body> </html>
- 25. 25 SAMPLE PAGE See youagain See you again H T M L C S S <p>See you again</p> <p class=“style”>See you again</p> .style{ color: green; }
- 26.
- 27.
- 28. 28 id class <p>See youagain</p>
- 29. 29 <p id=“cat” class=“style”> p{ Tag P } #cat { id cat } .style { class style }
- 30.
- 31. 31 SAMPLE PAGE See youagain H T M L C S S <p class="style"> See you again </p> .style{ color: green; } .style{ color: yellow; } .style{ color: red; } .style{ color: blue; }
- 32.
- 33.
- 34.