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 ...

随机推荐

爬虫——cookie模拟登陆
cookie适用于抓取需要登录才能访问的页面网站 cookie和session机制 http协议为无连接协议,cookie: 存放在客户端浏览器,session: 存放在Web服务器人人网登录案例 ...
LuoGu-P2863牛的舞会The Cow Prom[tarjan 缩点模板]
传送门:https://www.luogu.org/problemnew/show/P2863 思路:tarjan模板题,之前会的tarjan,一直想学缩点到底是什么操作,发现就是把同组的放在一个数组 ...
Atcoder D - Black and White Tree（树dp+博弈）
题目链接:http://agc014.contest.atcoder.jp/tasks/agc014_d 题意:有一棵树先手涂白色,后手涂黑色,直到不能再涂为止.涂完后再把所有黑色直接相邻的白色都变成 ...
[DP]矩阵的最小路径和
题目给定一个矩阵m, 从左上角开始每次只能向右或者向下走,最后到达右下角的位置,路径上所有的树子累加起来就是路径和,返回所有的路径中最小的路径和. 解法一这是一道经典的动态规划题,状态转移方程为d ...
【Offer】[42] 【连续子数组的最大和】
题目描述思路分析测试用例 Java代码代码链接题目描述输入一个整型数组,数组里有正数也有负数.数组中的一个或连续多个整数组成一个子数组.求所有子数组的和的最大值.要求时间复杂度为O(n). ...
Kubernetes pod 状态
CrashLoopBackOff: 容器退出,kubelet正在将它重启 InvalidImageName: 无法解析镜像名称 ImageInspectError: 无法校验镜像 ErrImageNe ...
FreeSql （二十二）Dto 映射查询
适合喜欢使用 dto 的朋友,很多时候 entity 与 dto 属性名相同,属性数据又不完全一致. 有的人先查回所有字段数据,再使用 AutoMapper 映射. 我们的功能是先映射,再只查询映射好 ...
FreeSql （二十六）贪婪加载 Include、IncludeMany、Dto、ToList
贪婪加载顾名思议就是把所有要加载的东西一次性读取. 本节内容为了配合[延时加载]而诞生,贪婪加载和他本该在一起介绍,开发项目的过程中应该双管齐下,才能写出高质量的程序. Dto 映射查询 Select ...
表达式树练习实践：C# 五类运算符的表达式树表达
目录表达式树练习实践:C# 运算符一,算术运算符 + 与 Add() - 与 Subtract() 乘除.取模自增自减二,关系运算符 ==.!=.>.<.>=.<= 三 ...
通过js获取tinymce4.x的值
问题的引出: 在使用过程中,用传统的js的方法判断tinymce所选textarea(下面直接称textarea)的值是会出现这样的问题的: 在已有输入内容时,首次提交的时候,依然会弹出js写的警告提 ...