HTML 标签 之 常用标签

HTML标签是由<>包围的关键词,例如
等,HTML标签通常是成对出现的,比如和 、 和 ,当然也有特立独行的单标签,比如
。双标签就和括号一样,第一个代表着开始,第二个含 “/” 的代表着结束,中间是内容。
双标签的内容可以是单标签,也可以是双标签。双标签关系可以分为包含关系和并列关系。

//head 和 body 是并列关系
//body 和 br 是包含关系

1、基本结构标签 基本结构标签是指每个网页都会有的基本标签。
1.1 html 标签 【HTML 标签 之 常用标签】 是网页中最大的标签,我们称之为根标签,可以想象成一张白纸。
1.2 head 标签和 title 标签 是头标签,头标签不属于内容区域,是网页顶端的页签区域,在这个标签中必须包含title标签来设置网页的标题。
写文章 - SegmentFault 思否 - 锐客网

上面这段 html 渲染后就是下图效果:
HTML 标签 之 常用标签
文章图片

1.3 body 标签 是网页的主体,页面的内容基本都是放在body里的。
2、常用基础标签 2.1 标题标签- h 是单词 head 的缩写,意为头部、标题。
标签语义:作为标题使用,并且依据重要性递减。
我是一级标题 我是二级标题
我是三级标题
我是四级标题 我是五级标题 我是六级标题 2.2 段落标签 p 是单词 paragraph 的缩写,意为段落
标签语义: 可以把 HTML 文档分割成多个段落
2.3 换行标签
br 是单词 break 的缩写,意为打断、换行。换行标签是单标签。
标签语义:强制换行。

标签只是强制开始新的一行,仍是同一段落,而段落之间会有较大间距。
2.4 文本格式化标签 在网页中,有时需要为文字设置粗体、斜体或者删除线等效果,这就需要用到 HTML 中的文本格式化标签,使文字以特殊的方式显示,突出重要性。
效果 标签
加粗 或者
斜体 或者
删除线 或者
下划线 或者
以上均推荐使用前者,语义更强烈。
2.5和标签 这两个标签用的很多,没有特别的语义,可以想象成一个盒子,是用来装内容的。
div 是 division 的缩写,表示分割、分区。span 意为跨度、跨距。
特点:
1、 标签用来布局,一行只能放一个 ,是个大盒子
2、 标签用来布局,一行上可以有多个 ,是个小盒子
2.6 图像标签 HTML 标签 之 常用标签
文章图片

src 是 标签的必需属性,用来指定图像文件的路径和文件名。图像标签还有其他属性:
属性 属性值 说明
src 图片路径 必需属性
alt 文本 替换文本。图像不能显示时显示的文字
title 文本 提示文本。鼠标移到图像上显示的文字
width 像素 设置图像的宽度
height 像素 设置图像的高度
border 像素 设置图像的边框粗细
3、一个特殊的标签 并不是一个 HTML 标签,是文档类型声明标签,告诉浏览器使用哪种 HTML 版本来显示网页。
它必须放在文档最前面的位置,也就是标签之前。
“" 确保浏览器按照最佳的相关规范进行渲染,而不是使用一个不符合规范的渲染模式。

    推荐阅读