首页 前端知识 【HTML5】的小小结【一】

【HTML5】的小小结【一】

2024-05-06 09:05:45 前端知识 前端哥 878 538 我要收藏

在这里插入图片描述

HTML5

定义了一个简易的文件交换标准,旨在定义文件内的对象和描述文件的逻辑结构。
思考:

1. 找到定义的对象
【都定义了什么对象】
【都在什么文件里】
2.文件的逻辑结构

【如何弄清楚】–都有哪些文件? --逻辑结构怎么看?

3.通过浏览器查看HTML5的源文件。

HTML5文件的组成

元素 标签

标签

包括单独出现的标签、成对出现的标签

单独出现的标签
<元素名称>,作用是在相应的位置插入元素。
成对出现的标签
<元素名称>首标签 </元素名称>尾标签

标签不分大小写,在标签中设置属性,控制HTML5标签所建立的元素。属性位于元素的首标签中。
<元素名称 属性1=“值1” 属性2=“值2” …>元素资料</元素名称>

"< HTML5 >" 的基本标签

1."< html >"文件开始标签

< html>全部内容< /html >

2.< head > 文件头标签

HTML文件分为文件头和文件主体两个部分。
<head>与</head>中间的文本,包含文体的标题、编码方式及URL等信息。
这些信息大部分是用于提供索引、辨认或其他方面应用的。
<head>与</head>中间的文本,如果又写在<title>标签中:
表示该网页的名称吗,并作为窗口的名称显示在这个网页窗口的最上方。
说明:如果HTML文件并不需要提供相关信息,可以省略<head>标签。

3.< title >文件标题标签

此标签应包含在与之中。

4.< meta >元信息标签

这里的信息是用户不可见的,它不显示在页面中,用来定义页面的名称、关键字、作者等。在HTML文件中,< meta >标签不需要设置结束标记,在一个HTML页面中可以有多个< meta >。
常用属性有两个:name 和 http-equiv,name 主要用于描述页面,以便于搜索引擎机器人查找、分类。

5. < body >页面主体标签

< body >和< /body >,有很多设置:
text设定文字的颜色
bgcolor 设定页面背景颜色
background 设定页面背景图片
bgproperties 设定页面背景图片固定
link 设定页面未访问链接颜色
alink 设定鼠标单击链接颜色
vlink 设定页面已访问链接的颜色
topmargin 设定页面上边距
leftmargin 设定页面的左边距

6. 页面注释标签

代码的注释标签,分三类:
(1)在文件开始标签< html >和< /html >中的注释。
< !–注释内容-- >
(2)在CSS中的注释有:
/ * 注释文字 /
(3)在JavaScript中的注释有两种:
单行注释://注释文字
双行注释:/
注释文字 */

< p >标签

HTML5中,文本的段落效果是通过< p >标签来实现,此标签会自动在其前后创建一些空白,浏览器则会自动添加这些空间。

< img >图片标签

表示向网页中嵌入一幅图像,创建的是引用图像的占位空间。是单标签。
语法:< img src=“图像文件的地址”>
src用来设置图像文件所在的地址,这一路径可以是相对地址,也可以是绝对地址。

< hr >水平线标签

没有结束标签。

< br >换行标签

&nbsp 空格符

< a >超链接标签

用于从一个网页链接到另一个网页,最重要的属性href属性,它指示链接的目标< a href=" " target=" " >链接文字< /a >
target 打开窗口的方式,主要由四个属性:
._blank 新建一个窗口打开
._parent 在父窗口打开
._self 在同一窗口打开
._top 在浏览器的整个窗口打开,将会忽略所有的框架结构。

< div >标签 和 < span >标签的分组标签

语法:
< div >
块状分组内容,会自动地开始一个新行。
< /div >
< span >行内分组内容,占用的宽度与分组内容的宽度一致。< /span >


元素

当用一组HTML5标签将一段文字包含在中间时,这段文字与包含文字的HTML5标签被称为一个元素。
在所有HTML5文件中,最外层的元素是由标签建立的,在标签所建立的元素中,包含了两个主要的子元素,这两个子元素是由标签与标签建立的。
“< head >” 标签所建立的元素内容为文件标题
“< body >” 标签所建立的元素内容为文件主体


文件结构

< head >与< /head >用以说明文件的标题和整个文件的一些公共属性。


转载请注明出处或者链接地址:https://www.qianduange.cn//article/7229.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!