本章重点讲了一些在HTML中经常使用到的块标签和行标签,以及这些标签的用法和属性
目录
本章重点讲了一些在HTML中经常使用到的块标签和行标签,以及这些标签的用法和属性
字体标签 color是颜色 face是字体 size是文字大小
图片标签 src是引用路径 alt是图片含义 当图片显示不出来会显示该文字
块标签
版本格式
<!DOCTYPE html>
编码格式
<meta charset="UTF-8">
小图标
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
页面名称
<title>标签</title>
首先块标签和行标签的区别是:
行标签内容撑开,不自动换行,不可以设置宽高
块标签独占一行,可以设置宽高
块标签标题标签 h1-h6 从大到小
<h1>一</h1>
<h2>二</h2>
<h3>三</h3>
<h4>四</h4>
<h5>五</h5>
<h6>六</h6>
段落标签
<p>段落标签</p>
水平线
<hr>
换行
<br>
通用块标签
<div>通用块标签</div>
行标签
字体标签 color是颜色 face是字体 size是文字大小
<font color="pink" face="黑体" size="20">字体标签/font>
b标签和strong是加粗标签 strong是强调
<b>加粗</b> <strong>加粗</strong>
斜体标签
<i>斜体</i> <em>斜体</em>
文字加删除效果
<s>删除线</s> <del>删除线</del>
文字加下划线
<u>下划线</u> <ins>下划线</ins>
上标
<sup>上标</sup>
下标
<sub>下标</sub>
标记标签 加上会变黄
<mark>标记标签</mark>
缩写标签
<abbr title="缩写标签">abbr</abbr>
通用文本标签
<span>通用文本标签</span>
图片标签 src是引用路径 alt是图片含义 当图片显示不出来会显示该文字
<img src="./img/1.jpg" alt="这是图片" width="500" height="500">
链接标签 href是放链接或者项目内的相对路径
<a href="https://www.baidu.com">百度</a>
src是引用资源 href是跳转页面
视频标签 controls是控制属性 loop是循环播放 autoplay是自动播放
视频标签和音频标签都可以用这三个属性
<video src="video/周深 - 大鱼.mp4" controls loop autoplay></video>
<audio src="./audio/Dancers.mp3" controls loop autoplay></audio>