根据标签的语义,在适合的地方给一个最为合理的标签,可以使页面结构更清晰。锚点标签
标题标签:h1-h6,h为head缩写,双标签,加了标题标签文字会变粗变大,一个标题独占一行。
段落标签:p,p为paragraph缩写,双标签,,可以把html文档分割为若干段
换行标签:br /,br为break缩写,单标签,可以把html文档另起一行
文本格式化标签:都是双标签
strong or b,加粗
em or i,倾斜,
del or s,删除线
ins or u,下划线
div(division) and span(),双标签没有语义,是一个盒子,用来装内容.
div,单独占一行,block-line;span,共行,inline
图像标签:
img src="图像URL" /,单标签, src(属性标签)用于指定图像文件的路径和文件名,
其他属性:alt 文本 替换文本图像不能显示是的文字;title 文本 提示文本,鼠标放到图像上显示的文字;width height border 宽 高 边框。
注意点:属性标签写在标签名后;属性标签之间不分先后顺序;属性采取键值对的格式,即key="value";
路径:
目录文件夹:存放做页面所需的相关素材,例如html文件,图片
根目录:打开目录文夹第一层
VS Code打开文件夹比较方便
相对路径:以引用文件所在位置为参考基础,而建立出的目录路径,即图片相对于HTML页面的位置; 同级路径:只需src="图片名";下一级路径:src="文件夹名/图片名";上一级路径:src="../图片名"
绝对路径:支目录下的绝对位置,直接到达目标位置,通常是从盘符(盘符是DOS、WINDOWS系统对于磁盘存储设备的标识符)开始的路径,scr="D\,,\,,"
超链接标签:
a(anchor)双标签,语法格式:a href="跳转目标" target="目标窗口弹出方式" 文本或图像 /a, href用于指定链接目标的url地址,target用于指定链接打开方式,其中_self为默认值,_blank为在新窗口打开;
链接分类:外部链接:a href="http://网址" 文本 /a
内部链接:a href="网页名"
空连接:a href="#"
下载链接:a href="文件或压缩包名",当href里链接的是文件名或者压缩包的时候,会下载这个文件或压缩包
网页元素链接:图片、视频、等元素也可以附超链接。
锚点链接:可以快速定位到页面中的某个位置:在href属性值中设置“#名字”,在目标位置的标签中添加属性id="名字"
注释标签
在html文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文件,给程序员看的,是为了更好地解释代码的功能,便于开发相关人员理解和阅读代码,程序是不会执行注释内容的语法格式:《!-- 文本 --》(用《》代替<>),快捷键ctrl+/
特殊字符
在html页面中,一些特殊的符号很难或者不方便直接使用,因此我们便可以使用一下的字符来代替:- (这里的格式是按照html格式,所以中间添加+,以下同)
- 空格符 &+nbsp;
- 小于号 &+lt;
- 大于号 &+gt;
- 和号 &+amp;
- 人民币 &+yen;
- 版权 &+copy;
- 注册商标 &+reg;
- 摄氏度 &+deg;
- 正负号 &+plusmn;
- 乘号 &+times;
- 除号 &+divide;
- 平方 &+sup2;
- 立方 &+sup3;