[TOC] # 标签 ## 单标签 ~~~ 注释标签 <!-- --> 换行标签 <br /> 水平线标签 <hr /> ~~~ ## 双标签 推荐的是语义更强烈 ~~~ 段落 <p>内容</p> 标题 h1-h6 (注意h1标签在一个页面里面只能出现一次) 文本 <font>文本内容</font> 加粗 <strong></strong> <b></b> (尽量用strong) 倾斜 <em></em> <i></i> (尽量用em) 删除线 <del></del> <s></s> (尽量用del) 下划线 <ins></ins> <u></u> (尽量用ins) 用哪些推荐的,是因为更有语义化 ~~~ ## 图片标签 ~~~ <img src="./1.jpg" alt="图片" title="人物" width="300" height="500" /> ~~~ ~~~ src 图片的来源 必写属性 alt 替换文本 图片不显示的时候显示汉子 title 提示文本 鼠标放到图片上显示的文字 width 图片宽度 height 图片高度 border 数字,设置图像边框的宽度 ~~~ 图片没有定义宽高的时候，图片按照百分之百比例显示，如果只更改图片的宽度或者高度，图片等比例缩放 # 音乐标签 ~~~ <embed src="1.mp3" hidden="true"> ~~~ # 滚动  # 关键字 ~~~ <meta name="keywords" content="人物,肖像"> ~~~ # 网页描述 ~~~ <meta name="description" content="一些图片"> ~~~ # 网页重定向 ~~~ <meta http-equiv="refresh" content="5; http://baidu.com"> ~~~ # 链接外部样式表 ~~~ <link rel="stylesheet" href="1.css"> ~~~ # 设置icon图标 ~~~ <link rel="icon" href="favicon.ico"> ~~~ # 特殊字符  # font属性 ~~~ 选择器{font: font-style font-weight font-size/line-height font-family;} ~~~ 要按照顺序写 不需要的属性可以省略,但是必须保留`font-size`和`font-family`属性 ## font-style:字体风格 字体倾斜除了用 i 和 em 标签之外，可以使用CSS 来实现，但是CSS 是没有语义的。 font-style属性用于定义字体风格，如设置斜体、倾斜或正常字体，其可用属性值如下： * normal：默认值，浏览器会显示标准的字体样式。 * italic：浏览器会显示斜体的字体样式。 * oblique：浏览器会显示倾斜的字体样式。 ## font-weight:字体粗细 字体加粗除了用 b 和 strong 标签之外，可以使用CSS 来实现，但是CSS 是没有语义的。 ~~~html font-weight属性用于定义字体的粗细，其可用属性值：normal、bold、bolder、lighter、100~900（100的整数倍）。 ~~~ ## font-family:字体 font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等，例如将网页中所有段落文本的字体设置为微软雅黑，可以使用如下CSS样式代码： `p{ font-family:"微软雅黑";}` 可以同时指定多个字体，中间以逗号隔开，表示如果浏览器不支持第一个字体，则会尝试下一个，直到找到合适的字体。 ## font-size:字号大小 font-size属性用于设置字号，该属性的值可以使用相对长度单位，也可以使用绝对长度单位。其中，相对长度单位比较常用，推荐使用像素单位px，绝对长度单位使用较少