图形标签: <img>
# src: 要显示图片的路径. # alt: 图片没有加载成功时的提示. # title: 鼠标悬浮时的提示信息. # 图片的宽 # height:图片的高 (宽高两个属性只用一个会自动等比缩放.)
超链接标签(锚标签)<a>
# href:要连接的资源路径 格式如下: href="http://www.baidu.com" # target: _blank : 在新的窗口打开超链接. 框架名称: 在指定框架中打开连接内容. # name: 定义一个页面的书签.<a>标签内必须提供href或name属性，name属性在a标签内，那么其它a标签可以链接到有name属性的a标签 # 用于跳转 href : #id(其它标签的id属性值)或#name(<a>标签的name属性值).（锚）
列表标签：
# <ul>: 无序列表 # <li>:列表中的每一项.
# <ol>: 有序列表 # <li>:列表中的每一项. # <dl> 定义列表 # <dt> 列表标题 # <dd> 列表项
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="keywords" content="python"> <meta name="description" content="好好学习，天天向上"> <meta http-equiv="Refresh" content="60;URL=https://www.baidu.com"> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> <title>学习网站</title> <link rel="icon" href="https://www.baidu.com/favicon.ico"> <!--<link rel="stylesheet" href="css.css">--> <!--<script src="hello.js"></script>--> </head> <body> <p id="abc" style="color: red; background-color: yellowgreen; font-size: 30px; text-align: center; 50%">NBA总决赛☕</p> <!--p标签是块级标签--> <!--id属性代表标签的唯一身份认证--> <span style="color: red; background-color: yellowgreen; font-size: 30px">谁会是总冠军♛</span> <!--span和div一样，但span是内联标签--> <div style="color: red; background-color: yellowgreen; font-size: 30px; text-align: center; 50%">大家拭目以待☠</div> <!--div是块级标签--> <div> <p>div标签内嵌p标签</p> <div> <span>1</span> <span>2</span> </div> </div> <!--块级标签内嵌(不要让块级标签和内联标签并列)--> 2<sup> 3<sub>2</sub> 3</sup><br> <!--内联标签内嵌内联标签--> <img src="gz.png" alt="获取失败" title="优化点" width="1500px" height="800px"><br> <!--img标签，src属性是显示图片的路径；alt当图片加载失败时的提示；title鼠标悬浮的提示信息，width宽height高--> <a href="https://www.baidu.com" target="_blank">百度</a><br> <a href="https://www.baidu.com"><img src="gz.png" alt="获取失败" title="优化点" width="1500px" height="800px"></a><br> <!--a超链接标签(锚标签)，href要连接的资源路径；target:-blank:在新的窗口打开超链接.框架名称:在指定框架中打开连接内容--> <ul> <li>A</li> <li>B</li> <li>C</li> </ul> <!--ul无序列表(unorder list)，ul和li要配套使用--> <ol> <li>a</li> <li>b</li> <li>c</li> </ol> <!--ol有序列表(order list)，ol和li要配套使用--> <dl> <dt>第一章</dt> <dd>第一节</dd> <dd>第二节</dd> <dt>第二章</dt> <dd>第一节</dd> <dd>第二节</dd> </dl> <!--dl定义列表，dt列表标题，dd列表项--> <a href="#abc">返回顶部</a> <!--a标签的另外一种使用，#井号代表id，abc代表id值，此id在顶部所以点击是跳转本页面的顶部--> </body> </html>