HTML基礎建站知識
阿新 • • 發佈：2018-06-12
不重復 鼠標 名稱 itl 表格 顏色 2個 type -a
目前互聯網上的網站在展現給用戶的界面都是需要用到HTML框架。html應用範圍很廣泛，不管是WEB前端還是後臺都需要懂得HTML的基礎；在HTML中經常要接觸到的就是標簽；那啥是標簽呢？極簡單的來說就是固有的命令，比如：“立正”“跨立”...之類的命令單詞。
看一下百度百科怎麽說的：
html標簽 超文本標記語言（外國語簡稱：HTML）標記標簽通常被稱為HTML標簽，HTML標簽是HTML語言中最基本的單位，HTML標簽是HTML（標準通用標記語言下的一個應用）最重要的組成部分。 HTML標簽的大小寫無關的，例如“主體”<body>跟<BODY>表示的意思是一樣的，推薦使用小寫。
經常去寫一些比較基礎的HTML久了就知道那些是標簽單詞；那一個基礎的html有哪些結構呢？不妨我們來看看HTML的簡單結構。
構成一個網頁必須要用的標簽和網頁基礎的結構：
<html> <head> 這裏是網頁的頭部 ... ... ... </head> <body> 這裏是網頁的主體 ... ... ... </body> </html>
HTML中重要的除了標簽之外還有標簽裏屬性也是一樣的重要；可以說web前端HTML建站都是用標簽和屬性碼起來的。屬性為 HTML 元素提供附加信息。
HTML 屬性 HTML 標簽可以擁有屬性。屬性提供了有關 HTML 元素的更多的信息。 屬性總是以名稱/值對的形式出現，比如：name="value"。 屬性總是在 HTML 元素的開始標簽中規定。 屬性實例 HTML 鏈接由 <a> 標簽定義。鏈接的地址在 href 屬性中指定： <a href="http://www.claidx.com">成都小生網絡營銷培訓學院</a>
這裏整理了一些HTML建站常的一些標簽單詞和屬性單詞，可以初步了解一下HTML標簽和屬性的功能
<html></html> 表示一個標準的html網頁, <html>表示網頁開始 </html>表示網頁結束 <head></head> 表示網頁的頭部 <title></title> 表示網頁的標題 <body></body> 表示網頁主體 <br/> （單標簽） 換行 <p></p> 段落（換行、段間距） <b></b> 加粗 <strong></strong> 加粗(強調) <i></i> 傾斜 <em></em> 傾斜（強調） h標簽 文章標題 從<h1>到<h6> 效果：（改變文字大小、加粗、段落、強調） <center></center> 居中 格式：<標簽名稱 屬性1="值" 屬性2=“值”></標簽名稱> <font></font> 文字樣式 屬性： color顏色; size 字號;face字體; <hr/> （單標簽） 屬性: color顏色 ; size粗細; width寬度（長） <img /> 圖片 屬性: src圖片路徑 ; width寬度 ;height高度; title標題（彈出提示文字）; alt 替換文字（圖片不能顯示時，用文字替代） <a></a> 超鏈接 屬性： href路徑（如果href裏的路徑是一個網址，那麽前面一定要帶http://） 錨鏈接：在同一個頁面的不同位置之間跳轉 實現方式： <p id=”標簽”></p> <a href=”#標簽”>我是標簽</a> <body></body> 屬性： bgcolor 背景顏色；background 背景圖片 <embed></embed> 屬性: wmode="transparent flash背景透明 width 寬度 height 高度 <ul></ul> 無序列表 <li></li>表示列表中的一項 屬性 type 列表樣式 disc 實心圓 circle 空心圓 square方塊 <ol></ol> 有序列表 屬性 type 列表樣式 1 阿拉伯數字;a 小寫字母; A 大寫字母; i 羅馬數字（小寫）; I 羅馬數字（大寫） <dl></dl> 自定義列表 列表:<dt></dt>或者<dd></dd>（僅用於自定義列表） <table></table> 表格 <tr></tr>表示一行 <td></td>表示一個單元格 註意：內容寫在<td>裏面 屬性: border 邊框 ; width 寬度 ; height 高度 ; align對齊方式值 : left左 center中 right右 bordercolor 邊框顏色 bgcolor 背景顏色 background 背景圖片 cellspacing 單元格間距 <td></td> 屬性: colspan 跨越（橫向） rowspan 跨越（縱向） <iframe></iframe> 框架 width 寬度 height 高度 frameborder 框架邊框 備註：iframe中調用的內容，不能被搜索引擎識別 <div></div> 層（盒子） CSS 層疊樣式表 CSS屬性 border-style 邊框樣式 值：solid實線；dotted虛線；double 雙實線 border-color 邊框顏色 border-width 邊框粗細 margin 四周間距 margin:auto （居中） margin-top 上間距；margin-bottom 下間距 margin-left 左間距；margin-right 右間距 width 寬度；height 高度 background-color 背景顏色 background-image 背景圖片 值： url(圖片路徑) background-repeat 背景重復方式 值： no-repeat 不重復； repeat-x 橫向重復；repeat-y 縱向重復 background-position 背景位置 值： center 中；left 左；right 右；top 上；bottom下或2個表示坐標的數字 background background-size 背景大小 float 漂浮（浮動）值：left 左；right右 padding 四周填充 padding-top 上填充 padding-left 左填充 padding-right 右填充 padding-bottom 下填充 font 文本 font-size 字號 font-family 字體 color 顏色 font-weight:bold 加粗 text-indent:2em 首行縮進2字符 text-align 文本對齊方式 值： left； center； right line-height 行高 text-decoration 文本樣式 值： none 無；underline 下劃線 overline 上劃線； line-through 刪除線 display 顯示方式 值： block 塊狀顯示 ；none 無（隱藏） class 類選擇器 ：hover 是一個偽類，鼠標懸停
HTML基礎建站知識