html基本标签与属性
生活随笔
收集整理的這篇文章主要介紹了
html基本标签与属性
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
HTML
超文本標記語言 html5 建立一個HTML文件： 文件名 .?后綴(html) 解析：就是去識別 注釋：就是給開發人員開的批注------瀏覽器不去解析（不去輸出） HTML的整體框架 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> </html> 在body中具體有哪些常用的標簽 文本標簽 <b></b> ?加粗標簽 <i></i> ???斜體標簽 <p></p> ?段落標簽 ??每個段落和其他段落之間有一個間隙 <sub></sub> 下角標 <sup></sup> 上角標 <del></del> 刪除線 <s></s> ???刪除線 和搜索引擎有關系的標簽 SEO（搜索引擎優化） <em></em> ?強調功能 <strong></strong> 具有強調功能 strong ?> ?em <h1></h1>?????標題標簽 ??從大到小 ?每一個都獨立占去一行 ...... <h6></h6> 在一個網頁中最好只有一個h1標簽 在html源代碼中有多個空格只識別一個 格式標簽 <br> 強制換行標簽 <hr> 橫線標簽 <pre>原型輸出標簽 列表標簽 <Ul> 無序列表 <li></li> ?列表項 </Ul> <ol> 有序列表 <li></li> ?列表項 </ol> <dl> 自定義列表 <dt></dt> <dd></dd> </dl> 超鏈接標簽 <a></a> 屬性： Href：就是超鏈接跳轉的地址 target：_self:在本選項卡中打開 _blank:在新的選項卡中打開 錨點 錨點的定義 <a name=”錨點名稱”?id=”錨點名稱”></a> 錨點的使用 <a href=”#錨點名稱”></a> 多媒體標簽 <img> ??圖片標簽 屬性： src：就是需要加載圖片的路徑（URL） width：設置圖片的寬度 height：設置圖片的高度 注意：為了避免圖片失真寬度和高度最好只設置一個 border：設置圖片的邊框 alt: ???第一個用法： 就是在圖片沒有加載出來的時候會把 ? 文字顯示出來 第二個用法：搜索引擎會根據alt的值 去判斷這張圖片上到底是什么 title：就是鼠標放上去會有一個小的提示 <audio></audio> 音頻標簽 屬性：src：需要加載的音頻路徑 controls 控制按鈕 <video></video> 視頻標簽 屬性: src 需要加載的視頻路徑 controls 控制按鈕 loop: 自動重播 width：寬度 height：高度 <embed> flash 動畫標簽 屬性： src： 就是需要加載的flash動畫的路經 width:寬度 height:高度 寬度和高度同時去設置 <table></table> 表格標簽 屬性：border：就是給整個表格加邊框 width：給整個表格設置寬度 align：center 會把整個表格相對于瀏 覽器居中 right：會把整個表格相對于瀏 覽器居右 left：會把整個表格相對于瀏 覽器居左（默認值） bgcolor：設置整個表格的背景顏色 <tr></tr> 表格中的一行 屬性：align：left：會把這一行的內容相對于單元格居左 right：把這一行的內容相對于單元格居右 center：把這一行的內容相對于單元格居中 bgcolor：設置一行的背景顏色 <td></td> 一行中的一列 <th></th> 表頭 ?比<td>要粗 自帶居中屬性 屬性：align：left：會把這一行的內容相對于單元格 居左 right：把這一行的內容相對于單元格居右 center：把這一行的內容相對于單元格居中 在td中的優先級大于在tr中 rowspan：合并行 colspan： 合并列 bgcolor：設置這個單元格的背景顏色 表單標簽 <form></form> 表單標簽 屬性： action: 就是這個表單的內容要提交到那個后臺 method：就是表單提交的方式 get：以get方式提交 post：以post方式提交 所有的表單項都必須有name屬性-不要寫漢字 <input > 表單項 屬性：type： 值： text:就是普通的文本輸入框 submit：就是一個提交按鈕 Value：寫一個你喜歡的字 image：他是圖片提交按鈕 和他配合的必須有src radio：就是單選按鈕 name 的值必須相同（如果不 ?? 同就不會是單選了） checked：默認選中值 checkbox:多選按鈕 checked：默認選中值 hidden：隱藏域-就是后臺可以接收到值，但是前臺用戶看不到 password：密碼輸入框--就是輸入的內 容會用....開代替 maxlength:控制用戶輸入的多少 disabled：禁用-就是后臺也接收不到值 readonly：就是前臺不能改，但是后臺可以接收 到值 size：設置text這個類型的大x小 placeholder：提示內容，點擊輸入內容后消失 <select></select> 下拉列表 屬性： name：就是下拉列表的名字 <option></option> 下拉列表的列表項 屬性： Value：就是每個列表項對應的值 <textarea></textarea> 文本域 屬性： name：文本域的名字 cols：控制列數 rows：控制行數 disabled：禁用 ---后臺接收不到 readonly：只讀 -- 后臺可以接收到 框架集（分幀）---他可以插入到<body>中 一種是邪惡的分幀 <iframe> 屬性： src :需要加載頁面的地址 scrolling：是否顯示滾動條 no：不顯示滾動條 frameborder：0 不顯示邊框 1 顯示邊框 不邪惡的分幀(不能插入的)--不能插入到<body>中，誰在上面顯示誰 <frameset></frameset> 屬性：cols：左右分 rows：上下分 <frame> 屬性： src：就是需要加載頁面的地址 noresize：禁止拖動改變大小 無意義的標簽 <div></div> ??塊狀標簽 <span></span> ??行內標簽 編碼問題 <head>中的標簽 <meta>去設置一些網頁的屬性 屬性：charset：去設置網頁的編碼 utf-8 編碼 name： keywords: 網頁關鍵字 content：內容 description：網站描述 content：內容 <title></title> 設置網頁選顯卡上的顯示文字 <script></script> ?寫 JavaScript代碼的地方 <style></style> ???寫css樣式的地方 <link> ?連接其他語言的一個通道 字符實體：就是一下使用代碼打印不出來的東西總結
以上是生活随笔為你收集整理的html基本标签与属性的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 发现2017年最好的CSS框架
- 下一篇： form中action属性后面?传递参数