1.标题标签
HTML提供了6个等级的网页标题,即语文中所说的 一级标题,二级标题.......
文字加粗一行显,标题标签标题占一行
2.段落标签<p> </p>
段落的自动换行 ctrl+z
3.换行标签<br/> ,放在换行文字前(单标签)
4.文本格式化标签
删除线效果展示:在字体上画一道横线
5.<div></div>-【division:分割,分区】和 <span></span>标签,没有语义,它们就是一个盒子,用来装内容的。
类似于在一张白纸划定区域放文字,图案,图片......
特点:
a.<div>独占一行。
b. 一行可包含多个<span>.
6.图像标签和路径
1> 图像标签 图片必须与网页文件放在一起
<img src="图像URL"/> (图像URL:图像的地址)
src是标签的必须属性,它用于指定图像文件的路径和文件名。
alt 替换文本,当图片不能正常显示时,显示alt属性 的文字。
title提示文本,鼠标放到图片上时,会显示title属性 的文字。
宽度和高度一般修改一个,宽或高会随之等比例缩放。
2>路径
a.目录文件夹和根目录
简单理解,目录文件夹就是一个文件夹,根目录就是打开目录文件夹里排列的目录名。
b.VSCode打开目录文件夹:可直接托入VSCode中,可在VSCode种选择打开某个文件夹。
2.1 绝对路径(了解)和相对路径(常用)
2.2相对路径
2.2.1同级目录
当前文件(.html文件)和目标文件在同一目录中
当前文件:07
目标文件:cat.gif
2.2.2下级目录
目标文件在下级目录中
当前文件:08
目标文件:images中的一张图片
代码实现:<img src="文件夹名/目标图片.gif"/>
2.2.3上级目录
目标文件在上级目录中
../ 退到上一级目录。
代码实现:<img src="../目标图片.gif"/>
三者可能会同时发生。
7.音频标签
<audio src=" "></audio>
controls:显示播放控件—进度条
注意点:音频标签目前支持三种格式:MP3,Wav,Ogg
8.视频标签
视频标签目前支三种格式:MP4,WedM,Ogg。
9.超链接
路径:
网页打开方式: