基础系列（1）-- html
生活随笔
收集整理的這篇文章主要介紹了
基础系列（1）-- html
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
（隨筆雜談，自己做的筆記）
網頁的組成
結構? ------? xhtml,xml
表現? ------? css
行為? ------? bom,dom,ECMAScript?
html5結構
1 <!DOCTYPE html> <!-- 聲明文檔類型 html --> 2 <html> <!-- html超文本標記語言 --> 3 <head> <!-- 描述區 --> 4 <meta charset="UTF-8"> <!-- 定義編碼格式 utf-8國際編碼 gbk中文 gb2312中文簡體 --> 5 <title></title> <!-- 當前網頁標題，顯示在瀏覽器狀態欄上 --> 6 </head> 7 <body> <!-- 內容區 --> 8 </body> 9 </html>?type: 定義某種類型
常用標簽
文本標題標簽
1 <h1>唯一性，一般放logo，一個網頁只出現一次</h1> 2 <h2></h2> 3 <h3></h3> 4 <h4></h4> 5 <h5></h5> 6 <h6></h6>?字體標記
1 <i></i> || <em></em> 2 傾斜效果 3 <b></b> || <strong></strong> 4 加粗效果 5 <u></u> 6 下劃線效果 7 <br> 8 強制換行 9 <hr> 10 水平線 11 <p></p> 12 段落標簽字符實體
1 不換行空格 2 > > 3 < < 4 © 版權圖標(備案圖)?列表屬性
1 <!-- 無序列表 --> 2 <ul> 3 <li></li> 4 </ul> 5 <!-- 有序列表 --> 6 <ol> 7 <li></li> 8 </ol> 9 <!-- 自定義列表 --> 10 <dl> 11 <dd>內容</dd> 12 <dt>對內容的解釋</dt> 13 </dl>超鏈接
1 <a href="" target="" title=""> 2 <!-- 3 target: _self (默認值) 4 _blank (新窗口打開) 5 title: 提示信息，方便網站檢索，便于優化 6 -->?圖片標簽
1 <img src="" alt="" width="" height=""> 2 alt: 圖片不顯示時的文本，該屬性便于優化，必須要有！ 3 <!-- 4 相對路徑： 5 同級找同級：直接寫名稱 6 上級找下級： 文件夾名 / 目標文件 7 下級找上級: ../ -----返回上一級 8 -->?表格
作用：顯示數據
1 <table cellspacing="0" cellpadding="0"> 2 <tr> 3 <td colspan="" rowspan=""></td> 4 </tr> 5 </table> 6 <!-- 7 cellspacing:單元格與單元格的距離，一般設為0 8 cellpadding: 單元格與內容的距離，一般設為0 9 colspan:合并列，所合并單元格的列數 10 rowspan: 合并行，所合并單元格的行數 11 --> 12 13 <!-- 14 合并原則: 15 只要跨行的都是合并行，不跨行的都是合并列 16 合并行和列都是操作td 17 -->表單
作用：保存數據
1 <form action="路徑" name="名稱" method="post/get"> 2 </form> 3 <-- 4 form: 表單域 5 action: 表單提交的路徑 6 name: 表單名稱 7 method: 數據傳輸方式 post,get 8 -->?表單表格嵌套
1 <!-- 一般寫法,table在外面 --> 2 <table> 3 <form> 4 <tr> 5 <td><input type="text"></td> 6 <td><input type="password"></td> 7 </tr> 8 </form> 9 </table>?
轉載于:https://www.cnblogs.com/pxdi/p/11021806.html
總結
以上是生活随笔為你收集整理的基础系列（1）-- html的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： form表单总结
- 下一篇： 清空了回收站怎么找回？你没用过的方法