html基础语句
一 . html的代碼書寫規范
<html> 表示整個 html 頁面的開始 <head> 頭信息 <title>標題</title> 標題 </head> <body> body 是頁面的主體內容 頁面主體內容 </body> </html> 表示整個 html 頁面的結束 Html 的代碼注釋 <!-- 這是 html 注釋，可以在頁面右鍵查看源代碼中看到 -->示例如下： <!--<!DOCTYPE html>--> <html lang="en"> <head> <!--meta標簽是網站聲明--> <meta charset="UTF-8"> <meta name = "keywords" content = "html5"<meta name = "description" content = "h5" <!-- title 網頁標題--><title>我的第一個網頁</title> </head> <!--body代表網頁主體--> <body>hello，world！ </body> </html>
二、HTML 標簽介紹
1.標簽的格式:
<標簽名>封裝的數據</標簽名>2.標簽名大小寫不敏感。
3.標簽擁有自己的屬性。
i. 分為基本屬性：bgcolor=“red” 可以修改簡單的樣式效果
ii. 事件屬性： οnclick=“alert(‘你好！’);” 可以直接設置事件響應后的代碼。
4.標簽又分為，單標簽和雙標簽。
i. 單標簽格式： <標簽名 />
ii. 雙標簽格式 : <標簽名> …封裝的數據…</標簽名>
<iframe>內容<iframe/>注意事項：
1.標簽不能交叉嵌套
2.注釋不能交叉嵌套
3.屬性必須有值，屬性值必須加引號
三 . h5常用標簽介紹
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基本標簽學習</title> </head><body> <!--標題標簽：h+table鍵,從一到六，從大到小--> <h1>一級標簽</h1> <h2>二級標簽</h2> <h3>三級標簽</h3> <h4>四級標簽</h4> <h5>五級標簽</h5> <h6>六級標簽</h6> <!--段落標簽:p+table鍵--> <p>這就是 （） </p> <p>段落 標簽</p> <!--換行標簽br+table鍵--> 換行標簽不一樣，是自閉和標簽 <br/> <!--水平線標簽：hr+table鍵--><hr/> <!--粗體，斜體--> 粗體：<strong> 這是粗體</strong> <br/> 斜體：<em>這是斜體</em> <br/> <!--特殊符號：&+一個字母去調用--> 空 格; <!--插入圖像格式img+table鍵，src與alt必填，width，hight，title這三項選填--> <!-- 圖像地址既可以是絕對路徑也可以是相對路徑，推薦使用相對路徑 ../代表當前文件所在的上一級路徑 --> <img src="圖像地址" alt="若圖像不存在則顯示的文字"title="鼠標懸停出現的文字"width="18"hight="20"> <!--a/鏈接標簽：a+table鍵 href后必填要跳轉到的那個網址鏈接 target：表示窗口在哪里打開 _blank 在新標簽中打開 _self 在當前網頁中打開 --> <a href="https://blog.csdn.net/qq_45486709"> <!--或者可以加入一個圖片鏈接--> <img src="圖像地址" alt="若圖像不存在則顯示的文字"title="鼠標懸停出現的文字"width="18"hight="20"> </a> <!--錨鏈接 1.需要一個錨標記 2.跳轉到標記 #+標記字段 --> <a href="#top">回到頂部</a> <!--功能性鏈接 郵件鏈接：mailto: --> <a href="2190175238@qq.com">點擊聯系我</a> </body></body> </html>
四 . h5列表標簽
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>列表標簽學習</title> </head> <body> <!--列表標簽分為有序列表，無序列表，自定義列表--> <!--有序列表--> <ol> <li>java</li> <li>php</li> <li>python</li> <li>c</li> </ol> <hr> <!--無序列表--> <ul> <li>java</li> <li>php</li> <li>python</li> <li>c</li> </ul> <!--自定義列表 dl:自定義標簽 dt:列表名稱 dd:列表內容 --> <dl> <dt>學科</dt><dd>java</dd> <dd>數據結構</dd> <dd>計組</dd> <dd>軟工</dd> <hr> <dt>位置</dt><dd>四川</dd> <dd>重慶</dd> <dd>北京</dd> <dd>上海</dd> </dl> </body> </html>五 . table 標簽
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格 </title> </head> <body> <!-- 表格table 行 tr rows 單元格 td --> <table border="1px"> <tr> <!--colspan <跨列--> <td colspan="4">1-1</td> </跨列--> </tr> <tr> <!-- rowspan 跨行--> <td rowspan="2">2-1</td> <td >-2-2</td> <td >-2-3</td> <td >-2-4</td> </tr> <tr> <td >-3-1</td> <td >-3-2</td> <td >-3-3</td> </tr> </table> </body> </html> 選中文本內容 Ctrl+F是查找替換總結
- 上一篇： 代理商无需惊慌，刷脸支付的未来，值得可期
- 下一篇： 【历史上的今天】7 月 3 日：第一篇介