html簡介
1 html是什么：超文本標記語言
- 超文本：文字/圖片/音頻/視頻
- 標簽/標記：<body></body>
- 怎么做：使用標簽來創建網頁
2 HTML的用途：是用來編寫靜態網頁的。
- 搭建整個網頁。（框架）CSS用來裝修。。。
3 html結構
1 <html>
2 <head>
3 包括資訊信息：整個頁面的屬性、指導瀏覽器解析的標簽、引入外部文件的標簽
4 </head>
5 <body>
6 我們需要展示的信息 7 </body> 8 </html>
4 區分正斜杠和反斜杠
- / 正斜杠
- \ 反斜杠（下坡）
5 開始標簽和結束標簽
1 <html>(開始標簽)
2 關鍵字 3 </html>（結束標簽）
6 書寫規范
- PS:標簽之間嵌套出現
- 標簽之間的層次關系要規范
- 大部分標簽都具有屬性 屬性="屬性"
- html不區分大小寫：建議小寫
- 命名的時候盡量使用英文來編寫
- 注釋：要有寫注釋的意識 <!-- -->
html的標簽
html：根標簽
head：
<head> //設置整個網頁的編碼格式 <meta charset = "UTF-8"> //設置網頁標題 <title> 菜鳥-傳奇</title> </head
body：
1 <body > 2 text：文本的顏色 3 bgcolor:背景色 4 background：背景圖片 5 6 <body text="#00ff00" bgcolor="#00" backgroud="">
//在html代碼中，無論有多少個空格，瀏覽器解析后都認為只有一個空格
空格： 
//換行
<br>//可以單獨存在
//段落標簽 單獨成一行
<p> //xxxx </p>
//水平線
<hr width:“長度 ”//100px--50%--> width:長度 //100px--50%-- size：粗度 color：顏色 align：對齊方式
1 文字標簽
<font>文字標簽 color：顏色 size：粗度 face:字體的類型 <h1>到<h6>標簽 //標題字體的大小 //字體的加粗 <b > <strong>
2 清單/列表的標簽
無序列表: <ul //type改變前面的圓點樣式> <li> xxxxxxx </li> <li> xxxxxxx </li> </ul> 有序列表: <ol //type改變前面的排序樣式 // 1 A I 。。。 //start="2"從那個數字開始> <li> xxxxxxx </li> <li> xxxxxxx </li> </ol>
3 圖形標簽
//src：圖形的地址 <img src="img/tp.jpg"/ > width：寬度 height：高度 border：邊框 align：對齊方式（top。。。。） alt：圖片描述//加載文件丟失才出現
4 鏈接標簽
<a> //屬性 href="跳轉"
5 表格標簽
table
6 塊級標簽
<div> <p><table> 塊級標簽：不允許其他元素並排 行級標簽：span：允許其他元素並排 設置樣式是可以的，但是設置的高度和寬度是無效的
</body >