是什么组成了html？html组成元素有哪些？

页html的组成是由：文字、图片、音频、视频、超链接组成。

1-文字由什么组成？

文字标签在“body”标签下，由文本标签比如：标题<h1>~<h6>,段落<p></p>等；

2-图片怎么显示的？

图片标签img单标签，也是在“body”标签下，显示引用文件；

3-音频、视频、标签

音频标签“audio”和视频标签“video”，这两个标签都是双标记，引用文件显示内容，本身是一个功能。

4-超链接

超链接标签“a href="路径位置"”是单标记，需要有载体，点击活着触发跳转。

以下是示例：

<body>

<h1>这是标题也是文字</h1>

<p>这是段落，文本，文字</p>
<img src="./image/1auto的副本.gif" alt="300"><br> 这是一个图片标签<br><br>

<audio src="./image/yinyue.mp3" controls></audio><br>

这是一段音频，由音频标签让其显示<br><br>

<a href="https://www.baidu.com"><br> 这是一个链接，点击够可以跳转</a>

</body>

</html>

----------------------------------------------------------------------------

下图是显示

个人理解，如有错漏，请留言指正。

个网页对应于一个html文件，HTML文件以.htm或.html为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑来产生HTML文件。标准的HTML文件都具有一个基本的整体结构，即HTML文件的开头与结尾标志和HTML的头部与实体2大部分。有3个双标记符用于页面整体结构的确认。

1、HTML元素
a、从开始标签到结束标签的所有代码
b、开始（开放）标签<p>、结束（闭合）标签</p>、标签内的东西：元素内容
c、<br/>空元素，换行的意思
d、用p标签行之间间隔较大，用br标签行之间间隔较小
e、HTML元素语法：
(1)元素内容是开始标签与结束标签之间的内容
(2)空元素在开始标签中进行关闭
(3)大多数HTML元素可拥有属性
f、嵌套的HTML元素：大多数的HTML元素都是可以嵌套使用的

2、HTML属性
a、标签可以拥有属性为元素提供更多信息
b、属性以键值对的形式出现：例如a标签里面 href="www.baidu.com"
c、常用标签类型：
(1)<h1 align = " ">对齐方式，例如center中间
(2)<body bgcolor=" ">背景颜色
(3)<a target = " ">规定在何处打开链接，_self本地默认打开
属性：
(1)默认，覆盖原标签页
(2)_blank，打开为新标签页
(4)<body backgroud=" ">设置背景图片
d、通用属性：
(1)class：规定元素的类名
(2)id：规定元素的唯一ID
(3)style：规定元素的样式，一般引用css
(4)title：规定元素的额外信息

3、HTML格式化
a、定义粗体文本
b、<big>定义大号字，HTML5会被css代替
c、<em>定义着重问题
d、定义斜体字
e、<small>定义小号字
f、<strong>定义加重语气
g、<sub>定义下标字
h、<sup>定义上标字
i、<ins>定义插入字，有下划线
j、<del>定义删除字，有删除线

每种HTML标记符在使用中可带有不同的属性项，用于描述该标记符说明的内容显示不同的效果。正文标记符中提供以下属性来改变文本的颜色及页面背景。

级元素：使用时，会自动换行的元素，可以包含行内元素和其他块级元素，可以设置宽，高，上下左右边距，默认 css 属性 display 的值为 block

块级元素常用的有哪些

div // 块，经常用来布局的块，类似箱子
h1-h6 // 标题，肯定是会换行的啦
p // 段落，我们写文章，段落也是换行处理的
ul,ol,li // 列表，总不希望你写的列表，表格还跟其他东西掺杂一起吧，
from // 表单，输入框总希望能够单独是一块独立的
table // 表格，表格要整洁，总希望独立出来
hr // 水平分割线，既然要分割，那也是要换行处理吧
pre // 预格式化文本，代码按照我们手动编排好的顺序输出，你总不希望他还不给你行吧，不然就没意义了
footer // 段尾，类似写作文结尾，都是另起一行
article // 文章内容，看书的时候，文章内容都会在合适的位置给换行处理
canvas // 绘制图形
address // 地址

行内元素：不会自动换行，不可以设置宽高，只能设置左右边距，默认 css 属性 display 的值为 inline

块级元素常用的有哪些？

b // 加粗
big // 定义大字号
i //斜体
small // 小号文本
abbr // 定义缩写，有些国际词语是有缩写的
acronym // 定义只取首字母的缩写
cite // 引用，文章内容的某一句话可能是引用其他名人说的
code // 定义计算机代码
dfn // 定义一个定义项目
em // 定义强调的本文
kbd // 定义键盘文本
strong // 定义重要的文本
samp // 定义样本文本。
var // 定义变量
a // 锚点，内容里经常会有几个关键词，可以点击过去查阅更多详细信息
bdo
br // 换行
object // 内嵌对象
q // 短的引用
script
span // 普通文档的节
sub // 定义下标文本
sup // 定义上标文本
button // 按钮，
input // 控件
label // input 元素定义标注
select // 定义选择列表，看起来很多，实际上占位就我们选择的那一个
textarea // 定义一个多行的文本输入控件

行内块级元素，拥有行内元素的特性，不换行，也拥有块级元素的特性：既可以设置宽高也可以设置上下左右边距，默认 css 属性 display 的值为 inline-block

常见行内块级元素:

img // 图片
video // 视频
audio // 音频
map // 图像映射

块级元素和行内元素如何转换

块级元素变成行内元素

display: inline;

行内元素变成块级元素

display: block;

块级元素、行内元素变成行内块元素

display: inline-block;

其他

a 标签只允许嵌套非 a 标签的 inline 类型元素。
这么多，不要为难自己死记硬背，记住常用的，用常识去记住就可以啦，面试考你的时候，记不住的，用常识去推理，基本都正确。

在线咨询

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。