HTML第二天

最新推荐文章于 2023-04-15 23:40:51 发布

豆双

最新推荐文章于 2023-04-15 23:40:51 发布

阅读量205

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/shuang666666/article/details/51713977

版权

HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

第二天内容的感想

一. 结构中的每个标签的含义：

<!DOCTYPE>

<html>

<head>

</head>

<body>

</body>

</html>

１ DOCTYPE:文档类型

DTD(Document Type Definition):文档类型定义

１.1 当前的主流文档类型：

Html:

三种规范
HTML Strict DTD	请求比较严格的html类型（在这种规范中不提倡使用已经被淘汰的标签）
HTML Transitional DTD	相对而言比较规范不太严禁
Frameset DTD	在使用框架时用到

xHtml(html2.0版本（是一种相对html语法更加严谨的html）):

具体分类同html:

注意：将来在使用DOCTYPE的时候把html后面的所有的内容全部去掉，因为如果不去掉使用的html，xhtml中的规范但是现在这些规范都过时了，因为h5问世。

２ Html标签：

作用所有html中标签的一个根节点。

lang:用来设置当页面的语言。

作用：

a.设置页面上语言的类型。

b.将来做SEO的时候在权重上起到一定的作用。

c.用于特殊设置上的设置。

３ Head标签：

作用：用于存放：

title,meta,base,style,script,link

注意在head标签中我们必须要设置的标签是title

４ Body标签：

作用：页面在的主体部分，用于存放所有的html标签：

p,h,a,b,u,i,s,em,del,ins,strong,img

５ Title标签：

作用：让页面拥有一个属于自己的标题。

６ meta 标签：

常用用法：

1. Description：可以描述页面，可以用来使用百度程序（网络爬虫）来收录关键信息，以此提高页面的排名。

2. Keywords：关键词，可以用来提高页。面的关健词的比重（前升排名的一种方式。）

3. 字符集（编码格式）：

Charset（字符集的格式）：UTF-8.

注意：字符集（文字在电脑是存储的字典）：

电脑是不能直接存储文字的，一般情况下电脑存储的是这个文字在“字典”里对应的位置。

gb2313---->gbk;

国标2313---->国标扩

所有一般看到乱码的原因是因为查找的字典不对：

我们做了一个小的例子：文档的内容用的是utf-8格式，而我们的存放文档的这个文件的格式是gbk,

７ Gbk,utf-8之间的区别：

相同点：都是字符的编码格式。

区别：

Utf-8:收录是全世界所有的语言中的文字。

Gb2313:收录了汉字，片假名。

大小：

Utf-8>gbk

性能：

Uft-8<gbk

约定：将来我们在整个学习过程中都用utf-8;

Utf-8存储一个汉字占3个字节，

Gbk存储一个汉字点占2个字节

Gb2312-->国标（国际标准）2312

GBK-->国标扩（国际标准的扩展）

二. 列表：

作用：页面有一些数据需要显示。

１无序列表：

作用：显示一列没有排列顺序的数据。

语义：就是一组没有顺序的数据。

代码：ul:Unordered List li:List Item

<ul>

</ul>

注意：

1.0无序列表中的数据没有先后顺序之分。

2.0ul标签最好不要单独出现。

3.0ul标签是用来管理li标签。

4.0ul标签中只能放li标签。

5.0li标签中可以放其它标签。

6.0li标签是一个容器。

２有序列表：

作用：显示一段有顺序的数据。

语义：一组有顺序的数据。

代码：ol:Ordered List

<ol>

</ol>

注意：有序列表中的所有数据都是顺序的。

现在一般情况下ul标签用的比较多，ol标签用的比较少。

３自定义列表：

作用：显示一段数据，格式自己定义

代码：dl:Definition List dt:Definition Term dd:Definition Description

<dl>

</dl>

处理兼容性：

将所有的标签设置一个统一的样式。

三. 表格

总结：在早期的网站开发中，表格的使用非常的泛滥。

表格：不是没你不可，而是有你更好。

作用：用来将数据以表格形式显示出来。

代码：

<table>

<tr>

</tr>

<tr>

</tr>

</table>

属性	作用
border	给表格加上了边框
width	给表格设置宽
height	给表格设置高

虽然我们可以使用table中的标签来设置标签的一些样式，但是最好不要用，因为将来凡是与样式相关内容都是由css来设置的。

表格中的其它标签：

标签	作用	特点
<th></th>	起到表头的作用	其中的文字加粗，居中
<caption></caption>	给表格设置标题	在表格的最上面显示标题
<thead></thead>	用来存放当前列的表头	如果没有加css页面默认将表头中的高度设置变小
<tbody></tbody>	一般用来存放页面中的主体数据	如果不写会自动加上
<tfoot></tfoot>	一般情况不会出现

四. 表单：

作用：收集信息。

１表单元素

注册页面上能够填写的内容都是我们的表单元素。

作用：用来收集用户的信息，将来提交到服务器。

标签	属性	作用
input	type	text:文本框 password：密码框 hidden:隐藏域 radio:单选框 checkbox:多选框 button:按钮 reset:重置 image:图片按钮 submit:提交
	value	用于设置默认值(text,password,button)
select	option	下拉框
textarea		文本域

注意点：如果想要多个radio或者checkbox组成一个选择集合，那么必须给每个radio以及checkbox都设置相同name属性。

如何给radion,checkbox设置默认值呢？

设置另外一个属性：checked=”checked”

我需要给下拉框设置默认值？

selected="selected"

２ Form标签：

为什么占击reset没有效果啊？

因为type=resrt的按钮只能在Form之中才能起作用。

作用：用来管理页面上的表单元素，表单元素如果要起作用，必须要放在form标签中。

属性	作用
action	将所有的数据提交到action指定的页面

为什么提交之后没有将数据显示在地址栏上呢？

必须要给需要提交的标签加上name属性。

五. Html中空格的合并现象：

特点：无论在页面有同时出现多少个空格，缩进，换行，将来浏览器在解析的时候只会当一个空格显示。

结论：html中对空格，缩进，换行不敏感，如果同时出现多个空格缩进或者执行，页面只会把它们当作一个空格来解析。

特殊字符对应的转译符：

六. SEO与标签的语义化：

作用：用来优化网站，使用网站在搜索引擎上的排名先前。

百度是如何收录一个网站的信息的呢？

百度自己写的一个程序来收录每个网站的信息。

1）花钱买排名

a) 缺点：烧钱。

b) 优点：效果杠杠的。

2）将页面做成静态页面（html）..(了解)

3）发外链（网站就越受欢迎，将来被用户搜索出来的机会就要大）

4）页面的友好性（语义化规范）：

标签语义化的应用：每个html标签都有属于自己的语义，有使用标签时候要一定要了解每个标签的语义，合理使用。（在合适的地方使用合适的标签。）

语义化的好处：

01对搜索引擎的友好（将来网络爬虫进入页面之后可以很方便的得到页面的重要信息。）

02提升用户体验

03利于代码的可读、维护、提高开发效率.

七. 没有语义的标签:

Html中大部分的标签都具有语义，所在使用的时候一定要注意。还有一部分标签没有语义，没有语义的标签一般只用来进行布局。

１ Div

特点：默认占一整行，并且一行里面只能显示一个。

２ Span

特点：大小由内容来决定，并且一行里面可以显示多个。

无序列表：

l 苹果

l 西瓜

l 香蕉

有序列表：

1 一年级

2 二年级

3 三年级

豆双

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML第二天

第二天内容的感想一. 结构中的每个标签的含义：１ DOCTYPE:文档类型DTD(Document Type Definition):文档类型定义１.1 当前的主流文档类型：Html:三种规范 HTML Strict DTD 请求比较严格的html类型（在这
复制链接

扫一扫