1 <!DOCTYPE html><!--声明为HTML5文档--> 2 <html lang="en"> 3 <head><!-- 页面表头上的操作--> 4 <meta charset="UTF-8"><!-- 定义网页编码格式为utf-8--> 5 <meta name="author" content="chunfang"><!--定义网页作者--> 6 <meta http-equiv="refresh" content="30"><!--每30秒钟刷新当前页面--> 7 <link rel="shortcut icon" href="./img/timg.jpg"><!--左侧显示logo图片--> 8 <title>Title</title><!-- 文档页面上的标题--> 9 <!-- <base href="https://www.baidu.com" target="_blank">--> 10 <!-- <link rel="stylesheet" type="text/css" href="mystyle.css">--><!--定义文档与外部资源之间的关系，通常用于链接到样式表--> 11 <!-- <style type="text/css">--><!--样式文件引用地址，直接添加样式渲染HTML文档--> 12 <!-- body {background-color: yellow}--> 13 <!-- p {color: blue}--> 14 <!-- </style>--> 15 </head> 16 <body><!-- 可见的页面内容--> 17 18 <header><!--定义文档页眉信息--> 19 <p>段落</p> 20 <h1>一级标题</h1> 21 </header> 22 23 <h1 style="test-align:center;">我的第一个标题</h1><!-- h1-h6定义大标题，其中h1最大，h6最小，浏览器会自动地在标题的前后添加空行--> 24 <font size="6">这是6号字体文本</font> 25 <h2>我的第一个标题</h2> 26 <font size="5">这是5号字体文本</font> 27 <h3>我的第一个标题</h3> 28 29 <p style="color: blue;margin-left: 20px;">我的第一个段落我的第一个段落<br>我的第一个段落我的第一个段落我的第一个段落我的第一个段落我的第一个段落我的第一个段落12121213 30 我的第一个段落我的第一个段落我的第一个段落<br>我的第一个段落我的第一个段落我的第一个段落我的第一个段落我的第一个段落6666666 31 我的第一个段落我的第一个段落<br>我的第一个段落我的第一个段落<br>我的第一个段落我的第一个段落我的第一个段落我的第一个段落777777 32 </p><!-- 一个段落，自动换行，浏览器会自动在段落前后添加空行，这是一个块级元素--> 33 <hr style="background-color: red"><!--在页面中创建水平线，可用于分隔内容--> 34 <p>这是另一个段落</p> 35 36 <a href="#baidu" style="text-decoration: none; color:red;">跳转到“这是一个链接”</a><!--在href属性中指定链接地址，没有下划线的链接；a标签修改其颜色特性，只能用内联方式，即直接修改s标签的特性才可--> 37 <br><!--表示的是换行，在所有浏览器中都是有效的--> 38 <img src="./img/timg.jpg" width="500" height="300"/><!--注意图片的路径，设置图片的宽高--> 39 40 <br> 41 <a id="baidu" href="https://www.baidu.com" target="_blank" rel="noopener noreferrer">这是一个连接</a><!--将target属性设置为_blank，链接将在新窗口打开--> 42 43 44 45 46 47 48 49 50 51 </body> 52 </html>