1、title标签

告诉用户和搜索引擎这个网页的标题，让用户快速判断页面所要表达的主题。

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>流浪者</title>
 </head>
 <body>

 </body>
 </html>

2、meta标签

meta标签有两个属性，分别是http-equiv和name属性，不同的属性对应不同的参数值，不同的参数值实现了不同的网页功能。

http-equiv属性：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>流浪者</title>
    <!-- 重定向 -->
    <<meta http-equiv="refresh" content="3;URL=http://www.baidu.com" />
    <!-- 指定文档的内容类型和编码类型 -->
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <!-- 告诉IE浏览器以最高模式渲染页面 -->
    <meta http-equiv="x-ua-compatible" content="IE-edge" />
</head>
<body>

</body>
</html>

name属性：

主要用于页面的关键字和描述，是写给搜索引擎看的，关键字可以有多个用 ‘,’号隔开，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>流浪者</title>
    <!-- 关键字 -->
    <meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />
    <!-- 网页描述信息 -->
    <meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。" />　　 <!-- 支持移动端 -->　　 <meta name=viewport content="width=device-width, initial-scale=1">

</head>
<body>

</body>
</html>

效果如下：

3、link标签

link标签用于链接外部资源，他可以设置网页标题上方所对应的icon图标，也可导入css代码。

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>流浪者</title>
     <!-- 引入网页标题图标 -->
     <link rel="shortcut icon" href="C:\Users\23694\Desktop\新建文件夹\会员 1.png">
     <!-- 引入css，修饰标签 -->
     <link rel="stylesheet" type="text/css" href="C:\Users\23694\PycharmProjects\老男孩python全栈开发15期\1-40\s15day36\课上代码\day36\index.css">
 </head>
 <body>

 </body>
 </html>

4、style标签

style标签是对HTML文档结构进行美化的。

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>流浪者</title>
     <style>
         h2{
             color: blue;
         }
     </style>
 </head>
 <body>

 </body>
 </html>

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　作者：流浪者

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　日期：2019-08-30

02-head标签的更多相关文章

前端02 /HTML标签
前端02 /HTML标签目录前端02 /HTML标签 1.特殊字符 2.标签分类标签嵌套 1.块级标签(行内标签) 1.1div标签(块标签) 1.2p标签(块标签) 2.内联标签 2.1 sp ...
Java Swing 第02记标签和按钮
JLable的常用构造器 Public JLabel() 创建无图像且其标题为空字符串的JLabel对象 Public JLabel(String text) 使用指定的字符串text(也就是标签显示 ...
web开发 - 从零开始 - 02 - 常用标签
1.a : href 属性为id,即为锚点:文件路径,则为下载链接: 新窗口打开文件,target = "_blank";当前窗口打开,target="_self&qu ...
前端 -----02 body标签中相关标签
今日内容: 字体标签: h1~h6...... ...
02 body标签中的相关标签
今日内容: 字体标签: h1~h6...... ...
02 HTML标签
2. HTML标签 1. HTML简介用户使用浏览器打开网页看到结果的过程就是:浏览器将服务端的文本文件(即网页文件)内容下载到本地,然后打开显示的过程. 而文本文件的文档结构只有空格和黄航两种组织 ...
Android manifest之manifest标签详细介绍
AndroidManifest详细介绍本文主要对AndroidManifest.xml文件中各个标签进行说明.索引如下: 概要PART--01 manifest标签PART--02 安全机制和per ...
HTML框架标签的使用-<frameset>
<html> <head> <title> frameset框架的使用-使用frameset框架进行布局 </title> <!-- 标签名称:f ...
Android manifest文件中的标签详细介绍
官方文档概要每一个Android应用都应该包含一个manifest文件,即AndroidManifest.xml.它包含了程序运行的一些必备信息,比如:--为Java应用程序指定一个独一无二的名字 ...
海洋cms 模板标签手册
海洋cms采用极其简单易用的模板技术,所有标签直接调用接口,无需复杂的编码技术,让你对界面设计得心应手,请认真阅读本文档,妥善收藏. ========= 目录 =========00.相关必要说明01 ...

随机推荐

POJ-3261-Milk Patterns-二分+哈希
Milk Patterns 题意: 在一串数字中,求至少连续k次的最大子序列长度: 思路: 二分加哈希: #include <cstdio> #include <iostream&g ...
KubeSphere CI/CD+GitLab+Harbor将Spring Boot项目部署至Kubernetes
上一篇文章分享了如何在 KubeSphere 对公共的代码仓库 GitHub 和镜像仓库 DockerHub 创建流水线,本文将继续使用 KubeSphere,基于 Harbor 和 GitLab 创 ...
GNU大型项目构建和覆盖率生成（第一篇）
目录 0. 序言 1. 项目描述 2. 项目构建 2.1 编译规则 2.2 构建过程 3. 覆盖率分析 0. 序言在开始正文之前,请允许我先说明一下本文的目的和写作的动机,好让读者不惑. 我们知道, ...
章节十六、8-ITestResult接口
一.ITestResult:该接口就像一个监听器,能够监听每个方法执行后的状态(是否成功)并将结果返回给我们. package testclasses1; import org.testng.anno ...
TypeScript + React + Redux 实战简单天气APP全套完整项目
下载链接:https://www.yinxiangit.com/171.html 目录: 从面向过程的js到面向对象的js,让web前端更加高大尚.让你的前端步步日上,紧跟技术发展的前沿.让你构建更加 ...
Django-开放静态资源-获取请求携带的数据-pychram连接数据库-修改Django默认数据库-DjangoORM操作--表管理-记录管理-01
目录关于静态资源访问为什么要配置静态文件才能获取静态资源常见的静态文件种类如何配置来开启访问权限禁用浏览器缓存 django的自动重启机制(热启动) 静态文件接口动态解析向服务器发送数据 ...
FreeSql （二十九）Lambda 表达式
FreeSql 支持功能丰富的表达式函数解析,方便程序员在不了解数据库函数的情况下编写代码.这是 FreeSql 非常特色的功能之一,深入细化函数解析尽量做到满意,所支持的类型基本都可以使用对应的表达 ...
解决SSM框架中，存储到mysql数据库中乱码问题的究极方案
因为编码格式不匹配的问题,设置了好多遍,都不行,就试着让所有的编码格式保持一致.然后读取.插入数据库再也不乱码了. 数据库编码格式必须和myeclipse编码格式一致其次依次让以下各文件的编码格式保 ...
（六十九）c#Winform自定义控件-垂直滚动条
前提入行已经7,8年了,一直想做一套漂亮点的自定义控件,于是就有了本系列文章. GitHub:https://github.com/kwwwvagaa/NetWinformControl 码云:ht ...
世界地图展开图，来自 Simon's World Map
Simon's World Map 软件下载地址:https://www.dit-dit-dit.com/Blog/PostId/42/simons-world-map