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

小咪咪 2022-10-05 13:48 324阅读 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

空格字符: 

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

th

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

发表评论

表情:
评论列表 (有 0 条评论,324人围观)

还没有评论,来说两句吧...

相关阅读

    相关 HTML <body>标签

    HTML <body>标签 `<body>`标签正如其名,它是网页的身体部分。 展现给浏览者的网页信息都是定义在`<body>`标签之内。