html标签中head部分的写什么,前端技术：HTML部分---Head标签中包含的头文件标签，body标签包含的内部标签...

小咪咪 2022-10-05 13:48 142阅读 0赞

1、Head标签中包含的 头文件标签的作用：

(1)title标签：定义网页的标题。

(2)meta标签：一般用于定义页面的特殊信息，例如页面的关键字、页面描述等

(3)link标签：用于引入外部样式文件(CSS 文件)。

(4)style标签：用于定义元素的CSS样式。

(5)script标签：用于定义页面的JavaScript代码，或者引入外部JavaScript文件。

meta标签包含的属性

(1)charset属性：字符集编码方式；

ASCII：数字、英文字母、字符进行编码

GB2312：简体中文

Unicode：所有语言

UTF-8：所有语言，占用空间更小(现在一般都用这个)

eg:

(2)name属性：把content属性关联到一个名词

(3)http-equiv属性：把content属性关联到HTML头部

(2)+(3)：(4)content属性：定义与http-equiv或name属性相关的元信息。

![9f443dec7c7a9655c5274a9c83699064.png][]

link包含的属性：

![a0cef6f8d069afe70722494e4d34ef8a.png][]

2、body标签包含的内部标签(1)

(1)标题标签：h1~h6

(2)段内换行：br

(3)段内分组：span

(4)段落：p

(5)预留格式：pre

(6)水平线：hr

标题标签：h1~h6

![d18860a1b9dcfe8e6744e036f452e463.png][]

段落标签：p

![e14fd1c79fcc7f977d48f8ebf4ec3286.png][]

段内换行：br

![62cbc03806ad4c7512d5e23b1d1656ad.png][]

空格字符：&nbsp；

![80f130975999a1453b11199c0531c128.png][]

预留格式：pre

![aad2515840af771e2314fb751e2b3293.png][]

行内组合：span

![39de256d3ecf698e2bf608023cb773e0.png][]

水平线：hr

![6aa49612cb9164c5e1736bb59cf2a0bd.png][]

2、body标签包含的内部标签(2)

(1)超链接标签：a

(2)图片标签：img

超链接:a

一般运用在：文字超链接、图片超链接、导航栏

![beb990181ec47333747bc83dc7e1d19c.png][]

锚点连接：a

![2082945c606a53f1d920a6f2bee5caf4.png][]

图片标签：img

![5a8fec0f3b7361197add98e942e398ce.png][]

2、body标签包含的内部标签(3)

(1)列表：ul 、ol、li

(2)表格：table 、tr 、td

(3)区域：div

无序列表：ul 、li

![7d255546436fcc6720b9422be72ab561.png][]

有序列表：ol 、li

![970246cc3d6e03d98ba8d316935419bc.png][]

列表：

![e81aea594ab7a25aadeb9045cb174167.png][]

表格：table 、tr 、td、th

![d3280de359a4cb1836de0391711f4300.png][]

![1bfac8c65fc8677b99f235322914a7be.png][]

合并行、列

![997f069b0fbbbb20f2ad4db140a0b310.png][]

区域：div

![c7ad79e25c6d3f072b009cb18e614f53.png][]

块元素和行内元素：(左边为块元素的描述，右边为行内元素的描述)

![0903da9568f25851e5fa180b2999d369.png][]

![82b8f4478fcee05b8a5ad7a948a64a36.png][]

块元素与行内元素的转换

![9187ba0dae0261d130785cb2abeb06aa.png][]

2、body标签包含的内部标签(4)

表单与表单元素

(1)表单：form

(2)表单元素：input

(3)表单元素：select、option

(4)表单元素：textarea

![14564ded6e38acb343fa33b3d2810018.png][]

表单：form

![69d4222f99ca72106c0ea60d8ae7038d.png][]

文本框、密码框：input

![5626a3b2b729965af09879913e9fdd79.png][]

提交重置按钮：input---submiteset

![1c0f5be6155c7dfc2ccd382ab0923fa3.png][]

单选框、复选框：input---radio checkbox

![2a1d0e5779b00838fd60b861dcbb2e2f.png][]

eg:

![436597bd1fa9aaf6108b2270a406c102.png][]

下拉列表框：select  option

![1abe4ad71c1b7990984a41397ad1a84e.png][]

文本域：textarea

![37d02ff375fcc29206d3c08c8931d5fe.png][]

内嵌框架：iframe

![1e8bd11185c1c3d084b577424afa1818.png][]

注释内容

![e5b701ee3d040343277c9a468e13d42a.png][]

[9f443dec7c7a9655c5274a9c83699064.png]: /images/20221005/2497d4ddd12c4a379f7c819d62e41874.png
[a0cef6f8d069afe70722494e4d34ef8a.png]: /images/20221005/fe3bd3ca5c2247eabf2e62fc68424119.png
[d18860a1b9dcfe8e6744e036f452e463.png]: /images/20221005/729e30d2ae574bfca13a08e7dce4bddc.png
[e14fd1c79fcc7f977d48f8ebf4ec3286.png]: /images/20221005/ec61e6746d684f1c966c78f93d67a866.png
[62cbc03806ad4c7512d5e23b1d1656ad.png]: /images/20221005/0ff1c84105a745889871ca6c4e8765ad.png
[80f130975999a1453b11199c0531c128.png]: /images/20221005/a78aabc31a0f4905b3d0f0da98164e4c.png
[aad2515840af771e2314fb751e2b3293.png]: /images/20221005/5ddf79e47ff44367b7fc5ed031aeaeac.png
[39de256d3ecf698e2bf608023cb773e0.png]: /images/20221005/a8b9872b5172485ea0e946a0a8a72e42.png
[6aa49612cb9164c5e1736bb59cf2a0bd.png]: /images/20221005/7ee9077d0b8d4a648d5dc6563f601af1.png
[beb990181ec47333747bc83dc7e1d19c.png]: /images/20221005/e1a4eff622c345a0800b404d94572beb.png
[2082945c606a53f1d920a6f2bee5caf4.png]: /images/20221005/d875e69cb9ad4bfba65262b1c6941578.png
[5a8fec0f3b7361197add98e942e398ce.png]: /images/20221005/c74f9000b43746c6bea625371bac7ee7.png
[7d255546436fcc6720b9422be72ab561.png]: /images/20221005/3ceccdabea574b1c9ac25cc3f16c6527.png
[970246cc3d6e03d98ba8d316935419bc.png]: /images/20221005/9d74cb2cc35b41e381e10a6787c4a137.png
[e81aea594ab7a25aadeb9045cb174167.png]: /images/20221005/96abad8eb9134f3aa53fed27b7d29e00.png
[d3280de359a4cb1836de0391711f4300.png]: /images/20221005/836e2b1d58564c3481abb120f1b46205.png
[1bfac8c65fc8677b99f235322914a7be.png]: /images/20221005/8304cd29cbd341e99851382c3e405d78.png
[997f069b0fbbbb20f2ad4db140a0b310.png]: /images/20221005/11ae5f32e6684ae5a26a598c8c922c52.png
[c7ad79e25c6d3f072b009cb18e614f53.png]: /images/20221005/ab2f0f6bc89e4073b1a6d578f62b8baa.png
[0903da9568f25851e5fa180b2999d369.png]: /images/20221005/845c42f191c14d46a830ff9732e4c6e0.png
[82b8f4478fcee05b8a5ad7a948a64a36.png]: /images/20221005/ee7c7d2206834ab98f44a84634704edb.png
[9187ba0dae0261d130785cb2abeb06aa.png]: /images/20221005/3afaeb42e4fa4cc191ed3fd4c174b49f.png
[14564ded6e38acb343fa33b3d2810018.png]: /images/20221005/080f24f1aa114191bdb21ca38e58da3f.png
[69d4222f99ca72106c0ea60d8ae7038d.png]: /images/20221005/05c279743b0f476893cc9ddea6f99369.png
[5626a3b2b729965af09879913e9fdd79.png]: /images/20221005/531a501a49ca436fb4a0b2ed48d633d4.png
[1c0f5be6155c7dfc2ccd382ab0923fa3.png]: /images/20221005/52532f92bef24db99b53b6fa84a553f2.png
[2a1d0e5779b00838fd60b861dcbb2e2f.png]: /images/20221005/64ef45a4b4c1408dbbdd8bfc04f6d617.png
[436597bd1fa9aaf6108b2270a406c102.png]: /images/20221005/2701228ad5f747ad8a64554949191d41.png
[1abe4ad71c1b7990984a41397ad1a84e.png]: /images/20221005/bfec4a4db3c7484da14de003c468efae.png
[37d02ff375fcc29206d3c08c8931d5fe.png]: /images/20221005/f356d488dc144eebbc060308e22ac157.png
[1e8bd11185c1c3d084b577424afa1818.png]: /images/20221005/84332f1812e345c5abad9bc7c09170d3.png
[e5b701ee3d040343277c9a468e13d42a.png]: /images/20221005/29e8e707f30948a79439c5d5930f656a.png