HTML常用标签上

4.HTML常用标签

4.1 标签语义

在合适的地方给一个最为合理的标签,让页面结构更清晰

4.2 标题标签h1-h6

<h1>一级标题</h1>h1>

特点:

1.加了标题的文字会加粗,字号也会依次变大

2.一个标题独占一行

4.3 段落和换行标签

<p>段落标签</p>

特点:

1.文本在段落中会根据浏览器窗口大小自动换行

<br/>换行标签

特点

1.br是个单标签

2.br标签只是简单的开始新的一行,跟段落不一样,段落之间会插入一些垂直的间距

4.4 文本格式化标签

语义	标签
加粗	>或者
倾斜	>或者
删除线	或者
下划线	或

4.5 div和span标签

div和span是没有语义的,它们就是一个盒子,用来装内容

<div></div> 大盒子 独占一行
<span></span>小盒子 一行可以有多个

4.6 图像标签和路径

1.图像标签

在html标签中,标签用于定义HTML页面中的图像

<img src="图像URL"/>

src是img标签中的必须属性,用于指定图像文件的路径和文件名

图像标签的其他属性:

属性	属性值	说明
src	图片路径	必须属性
alt	文本	替换文本.图像不能显示的文字
title	文本	提示文本.鼠标放到图像上,显示的文字
width	像素	设置图像的宽度
height	像素	设置图像的高度
border	像素	设置图像的边框粗细

2.路径

1.相对路径

相对路径分类	符号	说明
同一级路径		图像文件位于HTML文件同一级 img src=“img.jpg”
下一级路径	/	图像位置位于HTML文件下一级 img src=“images/img.jpg”
上一级路径	…/	图像文件位于HTML文件上一级 img src=“…/img.jpg”

2.绝对路径

本地主机中

网络地址

4.7 超链接标签

1.链接的语法格式

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

属性	作用
href	用于指定链接目标的url地址,(必须属性) 当为标签应用href属性是,它就具有超链接的功能
target	用于指定链接页面的打开方式,其中_self 为默认值,_blank为在新窗口中打开方式.

2.链接分类

1.外部链接:以http://开头

2.内部链接:网站内部页面之间的相互链接,直接链接内部页面名称即可

3.空链接:#

4.下载链接:如果href里面地址是一个文件或者压缩包,会下载这个文件

5.网页元素链接:在网页中的各种网页元素,如文本,图像,表格,音频,视频都可以添加超链接

6.锚点链接:当我们点击链接,可以快速定位到页面中的某个位置

5.HTML中的注释和特殊字符

5.1 注释

<!--注释语句--> 快捷键:ctrl+/

5.2 特殊字符

https://www.cnblogs.com/yuan-xia/p/15366531.html