<!doctype html><!--声明文档类型 网页文档--> <html><!--根目录标签 父级--> <head><!--网页的头部 用户看不见的--> <meta charset='UTF-8'><!--国际编码 字符的编码格式--> <!--网页三要素 title keywords description--> <title>咸鱼联盟</title><!--网页的标题--> <meta name='keywords' content='关键的搜索字符'><!--让搜索引擎找到网页--> <meta name='description' content='这是一个简单的模板文件'><!--网页的描述--> <style>/* 层叠样式表 */ div{ width:600px; /* 宽度 属性名:属性值+单位; */ height:100px; /* 高度 */ background:deeppink; /* 设置背景颜色 */ } img{ width:100px; height:50px; } span{ color:red; /* 设置文字颜色 */ } </style> </head> <body><!--网页的身体 用户可视化区域--> <div></div><!--在网页中划分一个区域的长方形--> <h1>咸鱼联盟</h1> <h2>咸鱼联盟</h2> <h3>咸鱼联盟</h3> <h4>咸鱼联盟</h4> <h5>咸鱼联盟</h5> <h6>咸鱼联盟</h6> <ul> <li>咸鱼联盟</li> <li>咸鱼联盟</li> <li>咸鱼联盟</li> </ul> <ol type=""> <li>咸鱼联盟</li> <li>咸鱼联盟</li> <li>咸鱼联盟</li> </ol> <img src='img/1.jpg'> <a href='https://www.baidu.com/' target='_self'>超链接</a> <p><span>咸鱼</span>联盟</p> <h3><span>咸鱼</span>联盟</h3> <dl> <dt>咸鱼联盟</dt> <dd>咸鱼联盟</dd> <dd>咸鱼联盟</dd> <dt>咸鱼联盟</dt> <dd>咸鱼联盟</dd> <dd>咸鱼联盟</dd> </dl> <b>咸鱼联盟</b> <strong>咸鱼联盟</strong> <i>咸鱼联盟</i> <em>咸鱼联盟</em> <p>x<sup>2</sup></p> <p>H<sub>2</sub>O</p> <!-- div 在网页中划分一个区域的长方形 p 在页面中插入段落 h1 在页面中插入一级标题 用来做网站的logo 有且只能用一次 h2 在页面中插入二级标题 h3 ... h4 ... h5 ... h6 ... ul li 无序列表标签组 在ul处使用 list-style-type: none;去掉小黑点 ol li 有序列表标签组 img 在页面中插入一张图片 a标签 href a标签要跳转的地址 target 以什么方式打开 _self在当前页面打开 _blank在新的页面中打开 dl dt dd 自定义列表 b strong 都是让文本加粗的 i em 都是让文本倾斜的 sup 上角标 例如平方 sub 下角标 例如水角标 --> </body> </html>
