HTML5常用基础标签.docx_html5常用标签属性大全资源-CSDN文库

需积分: 48 153 浏览量 2022-02-08 19:35:17 上传评论 1 收藏 230KB DOCX 举报

HTML5 基础标签详解 HTML5 是当今 web 开发中最基础和最重要的技术之一。它提供了一些基本结构和标签，让开发者可以快速构建网页。下面将详细介绍 HTML5 的基本结构和一些常用的基础标签。一、HTML 的基本结构 HTML 的基本结构主要由以下几部分组成： * `<!DOCTYPE html>`：文档类型声明，表明该文档是 HTML5 文档。 * `<html>`：root 元素，包含整个 HTML 文档。 * `<head>`：头部元素，包含文档的元数据。 * `<body>`：身体元素，包含网页的文本、图片等信息。二、Head 部分 Head 部分主要用于表示网页的元数据，即描述网页的基本信息。常用的标签和属性有： * `<title>`：浏览器标签页显示的标题。 * `<meta>`：设置文档的字符集编码格式，例如 `<meta charset="UTF-8">`。 * `http-equiv` 属性：将我们的信息写给浏览器看，让浏览器按照这里面的要求执行。 * `name` 属性：使用方法同 `http-equiv`，将我们的信息写给搜索引擎看。三、Body 部分 Body 部分主要包含网页的文本、图片等信息。常用的标签有： * 块级标签： + `<h1>` 到 `<h6>`：标题标签，自动加粗，h1 最大，h6 最小。 + `<hr/>`：水平线标签，添加一条水平线。 + `<p></p>`：段落标签。 + `<br/>`：换行标签。 + `<blockquote></blockquote>`：引用标签，cite 属性，表明引用的来源。 + `<pre></pre>`：预格式标签，用于重载代码。 * 行级标签： + `<span>`：文本，用于包裹某部分文字，修改特定样式。 + `<img>`：图片，常用属性有 `src`、`height`、`width`、`title`、`alt`。四、组合标签组合标签用于显示图片及图片标题，例如： * `<figure></figure>`：用于显示图片及图片标题。 * `<img />`：图片。 * `<figcaption></figcaption>`：图片的标题。五、分区标签分区标签用于将网页分成几个部分，例如： * `<div></div>`：分区标签。六、列表标签列表标签用于显示列表信息，例如： * `<ol></ol>`：有序列表。 * `<ul></ul>`：无序列表。 * `<dl></dl>`：定义列表。七、其他标签其他标签用于特殊的格式和样式，例如： * `<em>`：倾斜强调。 * `<strong>`：加粗强调。 * `<b>`：加粗。 * `<i>`：倾斜。 HTML5 的基础标签提供了许多基本结构和标签，让开发者可以快速构建网页。但是，这只是 HTML5 的一部分，HTML5 还有许多其他的技术和特性。

资源详情

资源评论

资源推荐

一、Html 的基本结构：













 !

网页的文本、图片等信息；

 !



二、Head 部分：用于表示网页的元数据即描述网页的基

本信息

其常用标签及属性有：

"、 标签：浏览器标签页显示的标题

#、 标签：其常用属性

$%设置文档的字符集编码格式。&'() 中设置字符集编码：

*+

常见的字符集编码格式：

,-.#/"#%国标码，简体中文

,-.0：扩展的国标码

,*+：万国码 *1 常用

2345 属性%将我们的信息写给浏览器看，让浏览器按照这里面的要求执行，可选属性

值： 11!36文档类型76网页定时刷新7 86设置浏览器  8 缓存7

需要配合  11 属性使用。（345 属性只是表明需要设置哪一部分，具体的设置内

容，放到  11 属性中）

91 属性：使用方法同“345:。将我们的信息写给搜索引擎看

列表标题：一般只有一项

列表描述项：可以有很多项

3、组合标签：<gure></gure>用于显示图片及图片标题

他有两个子标签：<图片

C<3 1C<3 1图片的标题

例如：C<

<<D,E3<<#FG;#FG探险家

C<3 1探险家伊泽瑞尔C<3 1

C<

4、分区标签：<div></div>



5、常见的行级标签

"31（文本）%无实际意义，用于包裹某部分文字，修改特定样式，例如：

这是31!  %B 1H%/=3IB3131中的文字

<（图片）：其常用属性：① %表示引用图片的地址。

　　　　　　　　　　　　　　路径地址的写法：相对路径：以当前文件为最准，去寻找图片

地址

　　　　　　　　　　　　　　　　　　、与文件处于同一层的图片，直接写图片名

　　　　　　　　　　　　　　　　　　、图片在当前文件下一层：文件名图片名

　　　　　　　　　　　　　　　　　　、图片在当前文件上一层：,,图片名

　　　　　　　　　　　　　　　　　　　　　　绝对路径%C%盘符：文件夹图片名，但

是严禁使用

　　　　　　　　　　　　　　　　　　　　　　图片网址：网络上的图片链接，但是一般不

用

　　　　　　　　　　　　　② < 和 ;：图片的高度和宽度。可以用 JJ 样式代替

　　　　　　　　　　　　　③ ：图片标。当鼠标指上之后显示的文字

　　　　　　　　　　　　　④ %当图片无法显示的时候，显示的文字



#（倾斜强调）

/ 1<（加粗强调）

K（加粗）

)（倾斜）

Strong

、

的区别

、

Strong

、

都表示强调，

Strong

为粗体，

为斜体，而

Strong

的强调

程度逗比

高

、

Strong

和

都能加粗，

和

都能倾斜，，但是

Strong

和

多了一层强

调的语义。

要求标签尽可能实现语义化。



=4（短引用）

L<（缩小放大字体）： 和 < 分别是缩小和扩大字体，都可以多层嵌套直

至上限或下限

（超链接）

　　　　"、%超链接的路径，可以是网络链接，也可以是本地文件。

　　　　#、<%跳转页面打开的位置。M 自身页面，M18 新页面。

　　　　/、%鼠标指在超链接上显示的名称。

　　　　K、N（被链接是当前的前后一篇）%指定被链接文档与当前文档的关系O搜索引擎会

利用该属性获取更多的有关链接的信息：

　　　　　　35被链接文档是当前文档的前一篇文档，

　　　　　　1I被链接文档是当前文档的后一篇文档O

　　　　　　 1被链接文档是当前文档的图标

　　　　　　!被链接文档是当前文档的样式表

　　　　)、N5（当前是被链接的前后一篇）

　　锚链接：

　　　　①本页面锚链接%、设置锚点：1 3

　　　　　　　　　　　 、跳转锚点：P1 名

　　　　①页面间锚链接%、在即将跳转页面的指定位置设置锚点

　　　　　　　　　　　 、跳转锚点：页面地址,P1 名

　　　　　　　　F#M常见的块级标签,P&页面间锚链

接

　功能性链接：  用于给指定邮箱发送邮件

　　　　　　C：%,31< 打开本地文件

剩余23页未读，继续阅读

评论收藏

内容反馈

LonelyPaul_-

粉丝: 1
资源: 6

HTML5常用基础标签.docx

评论0

最新资源

HTML5常用基础标签.docx

评论0

HTML常用标签.docx

HTML常用的标签及使用总结..docx

HTML常用的标签及使用总结..docx编程资料

HTML5 标签属性大全

HTML a 标签.docx

常用CSS标签.docx

div+css常用标签.docx

jquery常用标签详解.docx

常用标签和属性.docx

HTML常用标签及属性.docx

h5day2.docx

前端面试文件content_1636425212663(1).docx

HTML+CSS常用英语词汇.docx

HTML页面常用标签 css页面常用样式 .docx

黑马程序员python基础班教程笔记：HTML表单常用控件1.docx

网页设计中最常用HTML代码.docx

网页常用特效整理网页常用特效整理.docx

htmlcss基础知识.docx

html+css基础知识.docx

web前端第三版习题参考答案_.docx.docx

html文档标签查询.docx

网站网页制作的常用代码大全.docx

html手册.docx

html5和css笔记.docx

浅谈html5标签css3的常用样式.docx

JavaScript常用知识点.docx

百度浏览器常用快捷键大全.docx

常见的几种标签.docx

HTML基础.docx

最新资源