本文介绍了HTML的基础标签，包括斜体文字的<em>标签、段落<p>标签和图片<img>标签。同时，详细讲解了<head>标签内的关键元素，如<Title>标签定义网页标题，Meta标签用于设置页面信息，特别是对搜索引擎的优化。Meta标签的name属性包含Keywords、description、author和copyright等，而http-equiv属性则用于设定编码和页面刷新跳转。最后，展示了完整的HTML头部示例代码。
<em>文字</em>来定义文字为斜字体
段落标签<p> 图片标签<img>
在HTML中，一般来说，只有6个标签能放在head标签内
Title标签、Meat标签、Link标签、Style标签、Script标签、Base标签
Title标签唯一的作用就是定义网页的标题
Tite左侧注黑处对应右侧左上角
Meta标签一般用于定义页面的特殊信息，如页面关键字、页面描述等。
这些信息不是提供给用户看的，二十提供给搜索引擎蜘蛛(如百度蜘蛛、谷歌蜘蛛)看的。
简单地说meta标签就是用来告诉“搜索蜘蛛”这个页面是做什么的。
其中，在wed技术中，我们一般形象地称搜索引擎为“搜索蜘蛛”或“搜索机器人”。
在HTML中，meta标签有两个重要的属性：name属性和http-equiv属性。
name属性
常用的属性Keywords、description、author、copyright
| 属性值 | 说明(什么意思) |
| Keywords | 网页的关键字，可以是多个(就是你想要让其他人通过搜索你写的文字来搜索到你创作的网页) |
| description | 网页的描述(就是介绍自己的网页是什么类型) |
| author | 网页的作者(那当然是你自己了) |
| copyright | 版权信息(你不会希望自己创作出来的网页让其他人免费用吧) |
*结尾有图片中的代码*
content中的文字并不会显示在网页上面只是会在源码中显示出来
http-equiv属性
在HTML中，meta标签的http-equiv属性有两个重要的作用
1、定义网页所使用的编码(就是哪国的文字)
语法:
<meta http-equiv="Content-Type" content="test/html(自己网页的名称);charset=utf-8"/>
表示浏览器，你所编辑的网页是utf-8
在HTML5标准中，上面的代码简成<meta charset="utf-8"/>
2、定义网页自动刷新跳转(就像是看视频没有会员需要看多少秒广告以后才会看到视频 )
语法:
<meta http-equiv="refresh" content="6; url=网页的名称(例*http://www.lvyestudy.com)"/>（语法中的网站是我学习HTML+CSS+JavaScript的网络）
上面代码表示当前页面在6秒后会自动跳转到http://www.lvyestudy.com这个页面
<!DOCTYPE html>
<html>
<head>
<metacharset="UTF-8">
<title>标题</title>
<!--Keywords-->
<meta name="keywords" content="就是你想要让其他人通过搜索你写的文字来搜索到你创作的网页"/>
<!--description-->
<meate name="description" content="就是介绍自己的网页是什么类型的"/>
<!--author-->
<meta name="author" content="那当然是你自己了"/>
<!--copyright-->
<meta name="copyright" content="你当然不希望自己创作的网页让其他人使用吧"/>
</head>
<body>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
