整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
于刚刚接触到超文本的朋友来说，最大的障碍就是用“<”和“>”阔起来的句子，我们称之为标签。大多数标签都有自己的属性，属性要写在首标签中，属性用来进一步改变现实的效果。各属性之间为先后次序，属性是可选的。属性也可以省略而使用默认值。格式是这样的<标签名 属性1=属性值 1 属性2=属性值 2 ......>。注意：标签和属性不区分大小写。
html文档结构由三个部分组成。
1.头部
2.标题
3.元标签
<1>大家都学过英语，一定知道头的英语单词是“head”。没错，在html中，我们也使用head来表示文档的头部，即<head>...</head>。头部位于<html>和</html>之间。
例如：<html>
<head>
</head>
</html>
<2>标题用英语怎么说呢？title，其实网页与人一样，网页的眼睛也在头上，在<title>标签对内部放入你想要看到的文字，这样我们就能随意操纵标题栏的内容了。比如：
<html>
<head>
<title>你好啊</title>
</head>
</html>
<3>在<head> 标签的内部还可以嵌套另一个重要的标签：<meta>这个标签，此标签用于描述html页面文档的属性，如作者、日期和时间、网页描述、关键字、页面刷新等。例如：
<meta http-equiv="Content-Type"content="text/html;charset=gb2312">
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> // 页面源代码内容 </body> </html>
动手小练习：
1.试着默写HTML基本结构
x0文件头部内容
1、----------------------设置页面标题<title>
2、----------------------设置基底网址<base>
3、----------------------设置基准文字<basefont>
4、----------------------定义元信息<meta>
5、----------------------设置页面关键字<keywords>
6、----------------------设置页面过期时间<expires>
0x02
设置标题<title>
实例代码：
<html>
<head>
<title>请在这里输入标题</title>
</head>
<body>
请看标题栏
</body>
</html>
设置基底网址<base>
<html>
<head>
<!--href是连接地址；target是页面显示的目标窗口-->
<base href="https://www.toutiao.com/" target="_self">
</head>
<body>
<A href="">点击</A>
</body>
</html>
点击蓝色字体“点击”，直接跳到网页上面。
设置基准文字<basefont>
<html>
<head>
<!--face属性用于设置文字名称 size字体大小 color字体颜色 -->
<basefont face="宋体" size="h2" color="#666666">
</head>
<body>
<A href="">点击</A>HHHHHHHHH
</body>
</html>
由于颜色不明显就不截图了。。。哈哈
定义元信息<meta>
<meta http-equiv=" " name=" " content=" ">
<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
name 属性
提供了名称/值对中的名称。HTML 和 XHTML 标签都没有指定任何预先定义的 <meta> 名称。通常情况下，您可以自由使用对自己和源文档的读者来说富有意义的名称。
类似这样的 meta 标签可能对于进入搜索引擎的索引有帮助：
<meta name="keywords" content="HTML,ASP,PHP,SQL">
如果没有提供 name 属性，那么名称/值对中的名称会采用 http-equiv 属性的值。
http-equiv 属性
http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。
当服务器向浏览器发送文档时，会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对，但是所有服务器都至少要发送一个：content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。
使用带有 http-equiv 属性的 <meta> 标签时，服务器将把名称/值对添加到发送给浏览器的内容头部。例如，添加：
<meta http-equiv="charset" content="iso-8859-1"> <meta http-equiv="expires" content="31 Dec 2008">
设置页面关键字<keywords>/设置页面过期时间<expires>
"keywords" 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时，会用这些关键字对文档进行分类
"expires"用于设计页面过期时间，content属性设置具体过期时间。
<html>
<head>
<title>设置页面时间过期时间</title>
<meta http-equiv=" expires" content="FRI,1 JUN 2007 00 00 00 GMT" charset="UTF-8">
</head>
<body>
</body>
</html>
0X03body内容
设置页面背景-------------------bgcolor
设置页面边距-------------------topmargin leftmargin rightmargin bottomnargin
设计正文颜色-------------------text
bgcolor
<html>
<head>
<title>设置页面时间过期时间</title>
<meta http-equiv=" expires" content="FRI,1 JUN 2007 00 00 00 GMT" charset="UTF-8">
</head>
<body bgcolor="red">
</body>
</html>
显示情况：
topmargin：显示内容和浏览器顶部的距离
leftmargin ：显示内容和浏览器左边的距离
rightmargin：显示内容和浏览器右边的距离
bottomnargin：显示内容和浏览器底部的距离
<body text="">字体颜色
<html>
<head>
<title>设置页面时间过期时间</title>
<meta http-equiv=" expires" content="FRI,1 JUN 2007 00 00 00 GMT" charset="UTF-8">
</head>
<body text="blue" bgcolor="red" topmargin=100 leftmargin=20 rightmargin=20 bottomnargin=180>
</body>
</html>
例子：
认识各个html标签的作用，有助于web渗透。。。下个文章看看文字和段落。
*请认真填写需求信息，我们会在24小时内与您取得联系。
