h5常用标签
程序员文章站
2022-03-03 08:00:23
...
1、标题标签
字体大小一次变小,字体加粗;
2、段落
在网页中,要把文字有条理的显示出来,就需要将这些文字分段。在HTML中,
标签定义段落,它可以将整个网页分为若干个段落。
<p>段落标签</p>
特点:
-
文本在一个段落中会根据浏览器窗口的大小自动换行
-
段落和段落之间保有空隙。
3、换行标签
<br/> 换行标签
特点:
-
单标签
-
只是简单的开始新的一行,跟段落不一样,段落之间会插入一些垂直的间距。
4、文本格式化标签
在网页中,有时候设置粗体,斜体或者下划线等效果。这时需要文本格式化标签。使文字以特殊的方式显示
标签语义:突出重要性。
语义 | 标签 | 说明 |
---|---|---|
加粗 | 或者 | 推荐、语义更强烈 |
倾斜 | 或者 | 推荐、语义更强烈 |
删除线 |
|
推荐 |
下划线 | 或者 | 推荐 |
5、
和
和
没有语义,他们是一个盒子,用来装内容。
<div></div> 是一个大盒子,独占一行
<span></span> 小盒子
6、图像标签和路径
src是标签的必须属性,它用于指定图像文件的路径和文件名。
<img src="图像URL" /> 单标签
6.1、图像的属性:
属性 | 属性值 | 说明 |
---|---|---|
src | 图片路径 | 必须属性 |
alt | 文本 | 替换文本,当图像不能显示时显示文字 |
title | 文本 | 提示文本。鼠标放在图像上,显示文本 |
width | 像素 | 设置图像的宽度 |
height | 像素 | 设置图像的高度 |
border | 像素 | 设置图像的边框粗细 |
注意点:
-
图像标签可以拥有多个属性
-
属性之间不分先后吮吸,标签名与属性,属性与属性之间均以空格分开
-
属性采取键值对的格式,即key=“value”的格式,属性=”属性值”。
6.2、路径
-
目录文件夹:就是普通的文件夹,里面存放了我们做页面所需的素材,html,图片等
-
根目录:打开文件夹第一层就是根目录
7、超链接标签
在HTML中,标签用于定于超链接,作用是从一个页面连接到另一个页面
7.1、链接的语法格式
<a href="跳转的链接" target = “目标窗口的弹出方式”>文本或者图像</a>
7.2、属性
属性 | 作用 |
---|---|
href | 用于指定链接目标的url地址,(必须属性) |
target | 打开链接页面的方式,_self为默认值(当前页面打开),_blank为在新的窗口中打开 |