共计 1527 个字符,预计需要花费 4 分钟才能阅读完成。
一、HTML 的常用标签
1. 排版标签
排版标签主要和 css 搭配使用,显示网页结构的标签,是网页布局最常用的标签
1.1 标题标签
为了使网页更具有语义化,我们经常会在页面中用到标题标签,HTML 提供了 6 个等级的标题
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
注意:没有 h7 等,一个 html 页面中, 只能有一个 h1
2.2 段落标签
标签表示文本的段落,段落通常在文档中表示为文本块,会自动在其前后创建一些空白
文本内容
1.3 水平线标签
在网页中常常看到一些水平线将段落与段落之间隔开,使得文档结构清晰,层次分明。
1.4 换行标签
在 HTML 中,用来设置文本强制换行显示
换行
1.5 div 标签
是块级元素,独占一行,包裹独立的块内容时可以使用 div 元素
这是块内容这是块内容这是块内容
1.6 span 标签
span 跨度 包裹文本文字都可以使用 span,
span 本身没有什么含义,可用作文本的容器,包含着文本内容,还可以通过对 span 标签对象设置不同样式实现我们要的美化效果。
注意:是行内元素
文本内容
文本内容
文本内容
1.7 排版标签总结
2. 文本格式化标签
在网页中,有时需要为文字设置粗体、斜体或下划线效果,这时就需要用到 HTML 中的文本格式化标签,使文字以特殊的方式显示。
粗体 或 粗体 文本以粗体样式显示
斜体 或 斜体 文本以斜体样式显示
删除线或删除线文本以加删除线样式显示
下划线 或 下划线 文本以加下划线样式显示
注意:
strong、em、del、ins 标签 (推荐使用) 有语义,起到加重语气的效果;
b、i、s、u 标签是没有的语气;
3.img 标签
要想在网页中显示图像就需要使用图像标签,其基本语法格式如下:
4. 超链接标签
在 HTML 中创建超链接非常简单,只需用标签环绕需要被链接的对象即可,其基本语法格式如下:
属性:
a.href(Hypertext Reference 的编写) 意思是超文本引用,用于指定链接目标的 url 地址,当为标签应用 remI,E7 市 0 具有了超链接的功能.
b.target 用于指定链接页面的打开方式,其取值有_self 和_b1ank 两种,其中_self 为默认值,_blank 为在新窗口中打开方式。注意:
1. 外部链接需要添加 http://www.baidu.com
2. 内部链接直接链接内部灾面名称即可 比如%E9%A6%96%E9%A1%B5%20%0A
3.%E5%A6%82%E6%9E%9C%E5%BD%93%E6%97%B6%E6%B2%A1%E6%9C%89%E7%A1%AE%E5%AE%9A%E9%93%BE%E6%8E%A5%E7%9B%AE%E6%A0%87%E6%97%B6%EF%BC%8C%E9%80%9A%E5%B8%B8%E5%B0%86%E9%93%BE%E6%8E%A5%E6%A0%87%E7%AD%BE%E7%9A%84href%E5%B1%9E%E6%80%A7%E5%80%BC%E5%AE%9A%E4%B9%89%E4%B8%BA”>
4. 不仅可以创建文本超链接,在网页中各种网页元素,如图像、表格、音频、视频等都可以添加超链接。
5.icon 图标
添加 icon 图标
6. 特殊字符
: 半角空格 全角空格
二、列表
1. 无序列表
: 定义无序列表,并且只能包含子元素。
- 定义列表项,可以包含与
完全类似的内容,所以可以包含较多类型的子元素
无序列表项 1i)
无序列表项 1i>
无序列表项 1i>注意:
1./u1>中只能嵌套标签中输入其他标签或者文字的做法是不被允许的。
2. 与 1i>之间相当于一个容器,可以容纳所有元素。2. 有序列表
有序列表即为有排列顺序的列表,其各个列表项按照一定的顺序排列定义,
- 邓超
- 鹿晗
- 陈赫
3. 自定义列表
: 定义列表 - : 定义 标签定义了定义列表中的项目(术语)
- : 定义描述
- 售后中心
- 手机售后
- 电视售后
- 电脑售后
三、表单
在 HTML 中,一个完整的表单通常由表单控件 (也称为表单元素)、提示信息和表单域 3 个部分构成
1. 表单控件:
包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等
2. 提示信息:
一个表单中通常还需要包含一些说明性的文字,提示用户进行填写和操作。
3. 表单域:
相当于一个容器,用来容纳所有的表单控件和提示信息。
密码:
原文地址: 关于 HTML 的知识