html知识点一
網絡三劍客：html、css、js
?
列表屬性：
<!DOCTYPE html>
<html>
? <head>
??? <title>標題</title>
??? <meta charset="UTF-8"/>
? </head>
?
? <body>
?
??? 顯示空格 空格內容<br>換行<br> <!--圓角情況下的空格可用-->
?? ?
??? <a href="http://www.baidu.com" title="光標選擇展示標題" target="_blank">百度一下</a> <!--超鏈接，屬性：可自定義（data-....）target="_blank":打開新窗口-->
?? ?
??? <!--div標簽可以看成一個可以存放標簽的容器-->
??? <div>我是div元素</div>??? <!--換行-->??? <!--塊級元素，占據整行-->
?? ?
??? <!--使用span標簽來組合內聯元素，以便通過css來美化它-->
??? <span>我是span元素</span>? <!--不換行-->? <!--內聯元素-->
?? ?
??? <hr /> <!--劃線，單標簽-->
?? ?
??? <h1>主題內容標簽，塊級元素，雙標簽</h1>
??? <h2>主題內容標簽，塊級元素，雙標簽</h2>
??? <h5>主題內容標簽，塊級元素，雙標簽</h5>
??? <h6>主題內容標簽，塊級元素，雙標簽</h6>
?? ?
??? <p>段落，塊級元素，雙標簽</p>
?? ?
??? <ul>
????? <li>無序列表標簽</li>
????? <li>無序列表標簽</li>
????? <li>無序列表標簽</li>?? ?
??? </ul>
?? ?
??? <ol>
????? <li>有序列表標簽</li>
????? <li>有序列表標簽</li>
????? <li>有序列表標簽</li>?? ?
??? </ol>
?? ?
?? ?
??? <dl>?? <!--定義列表-->
????? <dt>標題</dt>
????? <dd>
??????? 詳情......
????? </dd>
??? </dl>
?? ?
??? <img src="C:\Users\liuguan\Desktop\微微嗎.png" alt="說明信息" width="100" height="100" /> <!--加載圖片“./：當前目錄；../：上一級目錄”-->
??? <img src="C:\Users\liuguan\Desktop\微微嗎.png" alt="說明信息" width="30%" height="30%" />? <!--百分比：相對于body頁面的比例，自由縮放-->
?? ?
??? <!--對圖片的某個區域加超鏈接，也可以整體加鏈接<a href=""><img str="" /></a>-->
??? <img src="C:\Users\liuguan\Desktop\微微嗎.png" usemap="#image" /> <!--被加鏈接的圖片，被map標簽所作用的圖片 usemap="#id名稱"-->
??? <map id="image" name="image"> <!--id:保持唯一性；name:保持兼容性-->
????? <area shape="rect" coords="100,100,177,177" href="http://www.baidu.com" alt="鏈接說明信息" target="_blank" />? <!--shape：定義連接的形狀，常用值（rect,circle）;coords：確定區域坐標位置（左上角右下角的相對坐標）；href：鏈接地址；alt：說明信息-->???????? ?
??? </map>
? ?
? </body>
</html>
HTML 表格
<!DOCTYPE html>
<html>
??? <head>
??????? <meta charset="utf-8">
??????? <title>標題</title>
??? </head>
??? <body>
??????? <table border="1"><!--表格：tr行，td列，th表頭單元格（加粗）屬性：cellpadding（單元格大小）cellspacing（單元格間距大小）-->
??????????? <tr><th>姓名</th><th>性別</th><th>年齡</th><th>部門</th></tr>
??????????? <tr><th>劉冠</th><td> 男 </td><td> 23 </td><td>信心中心</td></tr>
??????????? <tr><th>劉冠</th><td> 男 </td><td> 23 </td><td>信心中心</td></tr>
??????? </table>??? <!--td屬性：colspan（規定單元格可橫跨的列數，向后頂）rowspan（規定單元格可橫跨的行數，向下頂）-->
??? </body>
</html>
?
轉載于:https://www.cnblogs.com/ArmoredTitan/p/7299949.html
總結
- 上一篇： tkinter学习-菜单与画布
- 下一篇： 6、自动操作