Your SlideShare is downloading. ×

Html基础

726
views

Published on


0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

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

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. HTML
  • 2. 1.1 •  HTML1.2 • HTML1.3 • HTML1.4 • HTML1.5 • 
  • 3. • • • • 
  • 4. •  HTML(Hyper Text Markup Language ) “ ”•  HTML HTML5•  HTML
  • 5. •  Web•  IE Internert Explorer Firefox TT•  Firefox•  –  IE6~IE9 –  Firefox 3.x ~Firefox 4.x –  Chrome –  Safari
  • 6. •  HTML Dreamweaver .htm .html•  Notepad++ VIM•  Firebug IE F12 Chrome
  • 7. •  HTML•  index.html Firefox HTML
  • 8. •  html :index.html <!DOCTYPE html> --------------------------------------- <html> --------------------------------------- <head> -------------------------------------- <title> </title> | </head> -------------------------------------- <body> --------------------------------------- <h1> </h1> | |                             | | | </body> --------------------------------------- </html> --------------------------------------
  • 9. •  <div class=“header” id=“header”> </div>•  <”
  • 10. • • • • • • 
  • 11. •  <!DOCTYPE html> –  HTML•  <meta charset=“utf-8“ /> –  gbk
  • 12. •  HTML tag <html> </ html> <head> </head> <body>.•  “<>” ,•  HTML
  • 13. • •  < “ ” “ ”……> …… < >•  HTML
  • 14. •  <head> </head>•  –  <meta> –  <title> </title> –  <link> <style>
  • 15. •  <body> </body>• •  background text leftmargin
  • 16. • •  –  <!-- , -->
  • 17. • • • • • • • 
  • 18. •  DIV SPAN
  • 19. •  – •  –  <p> </p> –  <br> –  <pre> </pre> –  <hn> </hn> –  <font> </font> –  ( <b></b>)
  • 20. •  html <br>• •  <body> <br/> <br> <br> <br> </body>
  • 21. •  <p> <p> <p>• •  <p> </p>
  • 22. •  , <pre> , <pre> </pre>.•  <body> <pre>•          •                •                       </pre> </ body >
  • 23. •  HTML•  <ul> <li> </li> </ul>•  <ol> <li> </li> </ol>
  • 24. •  HTML <img> –  <img src="flower.jpg" width="270" height="167" border="1" alt=" " />•  HTML PNG JPG GIF
  • 25. •  – • 
  • 26. •  <table> </table> –  <table> <table> </table> –  •  bgcolor •  background •  width height •  border •  align
  • 27. •  <caption> </caption> –  align valign align <table>
  • 28. •  <tr> </tr> –  <tr> –  <tr> bgcolor background width height align <table> –  align valign align valign
  • 29. •  <td> </td> –  <td> –  bgcolor background width height align valign <table> <tr> –  <td> rowspan colspan rowspan colspan
  • 30. •  <th> </th> –  <td>
  • 31. •  – •  –  <a href=“https://www.alipay.com” target=“_blank” title=“ ”> </a> –  target=“_blank|self|_top|_parent|iframe ”• 
  • 32. •  <a name=" "> </a>•  name ( )
  • 33. •  <hr>
  • 34. •  –  HTML•  and (&) (;)•  –  &nbsp; –  &quot; –  &lt; –  &gt;
  • 35. • • • 
  • 36. •  Form
  • 37. (1)•  <form> </form> –  <form> </form> , –  •  name •  action •  method
  • 38. •  <input> </input> –  –  <input> •  type[text|password|radio|checkbox|submit|image] •  name •  value
  • 39. •  <select> </select> –  <option> –  •  name •  size •  multiple •  value •  selected
  • 40. •  <textarea> </textarea> –  BBS –  •  name •  rows •  cols –  value <textarea> </textarea>
  • 41. •  <script> –  JavaScript JavaScript –  •  src URL; •  charset utf-8; •  type ; •  async(new) ;
  • 42. •  <style> –  HTML –  •  src URL; •  media ;
  • 43. •  <link> –  –  •  href URL; •  media ; •  charset •  rel stylesheet
  • 44. •  <iframe> –  <iframe> –  •  name •  src •  scrolling •  width height –  <a> <base> target left right
  • 45. •  DTD/ <!DOCTYPE html>•  xmlns /•  <meta charset="utf-8">•  type <script> // </script>•  <nav><header><footer><section>•  Canvas Video Audio
  • 46. •  HTML

×