ctrl+?：自动注释

ctrl+/:  注释多行，再按一次，取消注释的多行。

一，*********本地测试的方法：1-找到文件路径，直接浏览器打开；2-pycharm打开测试。

二，模板的解释：

html: head+body,一个文件里面只能有一个html标签。

<!DOCTYPE html> #告诉浏览器用的规范，告诉我们所遵循的对应关系。

<html lang="en"> #类似html这种格式称为标签，lang="en"是标签内部的属性。

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <a href="http://www.oldboyedu.com">老男孩</a>

</body>

</html>

三，head标签中包含的内容：

1.<meta>标签，metadata information meta包含的属性有：

　　编码，<meta charset="UTF-8">

　　跳转，<meta http-equiv="Refresh" Content="3:url=http://www.baidu.com/">

　　刷新，<meta http-equiv="Refresh" Content="3">

　　关键字，<meta name="keywords" content="化学 高中 初中 一对一 小班"> 给搜索引擎用的

　　描述，<meta name="description" content="新东方提供化学专业辅导">

　　IE兼容>：<meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;IE=IE7;">

2.Title 标签:标题  <title>百度一下，你就知道</title>

3. <link/>：搞图标，后面再讲

　　　<link rel="shortcut icon" href="image/favicon.ico> # 指定图片的图标以及所在的位置。用的图片是image下的favicon图片。

4. <style/>：后面再讲

5. <script/>：后面再讲

代码及说明：

<!DOCTYPE html> #告诉浏览器用的规范，告诉我们所遵循的对应关系。

<html lang="en"> #类似html这种格式称为标签，lang="en"是标签内部的属性。

<head>

    <meta charset="UTF-8"> #指定编码，meta是自闭合标签。meta-元

    <meta http-equiv="Refresh" Content="3"> #页面默认每3s刷新一次。equiv是equivalent的缩写

    <meta http-equiv="Refresh" Content="3:url=http://www.baidu.com/">#页面3s后自动跳转到指定页面。

    <meta name="keywords" content="化学 高中 初中 一对一 小班"> #关键字，给搜索引擎用的。

    <meta name="description" content="新东方提供化学专业辅导"> #描述一下当前网站是干什么的。

    <meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;IE=IE7;"> #表示以IE9后面的标准模式打开。如果IE9不行，就用IE8;否则用IE7.

    <title>老男孩</title> #标头,title 是主动闭合标签。

    <link rel="shortcun icon" href="C:/image/佩奇.png"> #指定导入图标，以及所用图片的位置。

</head>

<body>

    <a href="http://www.oldboyedu.com">老男孩</a>

</body>

</html>

1. 做编码，自动刷新和跳转，但是看不到什么时候跳转。在头部也可以做跳转。但是一般不用，应急用。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="utf-8">

    <meta http-equiv="Refresh" Content="3">

    <meta http-equiv="'Refresh" Content="3:Url=http://www.autohome.com.cn">

    <!--页面默认3S 刷新一次,跳转到指定的页面-->

    <title>Title</title>

</head>

<body>

    <div></div>

    <a href="http://www.oldboyedu.com">老男孩</a>

</body>

</html>

2.关键词，给搜索引擎用的。就是搜哪些关键词能搜出来这个链接。

<meta name="keywords" content="高中 化学 全职 兼职 高考冲刺">

3.描述

　　例如：cnblogs

<meta name="description" content="高一 氧化还原反应 同步课程 期末冲刺辅导">

4.X-UA-Compatible: 指定兼容IE9

<meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;"/>

html的head内标签的更多相关文章

  1. 块级标签包含行内标签底部出现3px间隔的解决办法

    当块级标签(如div)内包含了行内标签(如img),则外层元素与内层元素底部会出现3px的间隔: 代码如下: <!doctype html> <html lang="en& ...

  2. css块级标签、行内标签、行内块级标签

    <html><head lang="en"> <meta charset="UTF-8"> <title>< ...

  3. css块级标签，行内标签，行内块标签的转换（2）

            css块级标签,行内标签,行内块标签的转换 版权声明 本文原创作者:雨点的名字 作者博客地址:https://home.cnblogs.com/u/qdhxhz/ 在基础1中,我详细讲 ...

  4. html:常见行内标签，常见块级标签,常见自闭合标签

    本文内容: 常见行内标签 常见块级标签 常见自闭合标签 首发日期:2018-02-12 修改: 2018-04-25:删除了不常用的标签 常见行内标签: 什么是行内标签: 行内标签就是在页面内只占据刚 ...

  5. div和span与块级和行内标签

    <div>标签: 是一个区块容器标记,<div></div>之间是一个容器, 可以包含段落.表格.图片等各种HTML元素. <span>标签: 没有实际 ...

  6. HTML开发之（块级标签，行内标签，行内块标签）

    显示模式的特性: 主要分为两大类: 块级元素:独占一行,对宽高的属性值生效:如果不给宽度,块级元素就默认为浏览器的宽度,即就是100%宽: 行内元素:可以多个标签存在一行,对宽高属性值不生效,完全靠内 ...

  7. 关于html 中form表单的内标签和使用

    表单标记 1.普通文本框: <input type=”text” name=”名称” value=”值”;不写value默认为空/> 2.密码框:<input type=”passw ...

  8. html标签的显示模式（块级标签，行内标签，行内块标签）（转）

    html标签的显示模式(块级标签,行内标签,行内块标签)   今天讲课的时候,讲到了html中的标签的显示模式,大致分为块级标签和行内标签.那么初学者在刚使用标签的时候会发现有些属性在一些标签上不起作 ...

  9. 3、HTML的body内标签1

    一.特殊符号的表示   #代指空格 < #代指,< > #代指,> ...... #这玩意有很多,记也记不完,用的时候查一下即可: 二.p和br标签 <p>< ...

  10. HTML基础知识（块级标签，行内标签，行内块标签）

    块级元素:独占一行,对宽高的属性值生效:如果不给宽度,块级元素就默认为浏览器的宽度,即就是100%宽: 行内元素:可以多个标签存在一行,对宽高属性值不生效,完全靠内容撑开宽高! 其中还有一种结合两种模 ...

随机推荐

  1. 北京Uber优步司机奖励政策（1月22日

    滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...

  2. unity面试题二

    1.以下哪一个选项不属于Unity引擎所支持的视频格式文件(D) A.后缀为mov的文件 B.后缀为mpg的文件 C.后缀为avi的文件 D.后缀为swf的文件 2.Unity引擎使用的是左手坐标系还 ...

  3. Qt 解析EXcel文件

    写代码需要将excel中的文件导入到数据库中 网上找到以为大神写的,但是当初没有保存,也没有找到 我几乎是原分不动拔下来的,希望大神莫怪 void AddDialog::readExcel(QStri ...

  4. Appium的环境搭建和配置

    Appium的环境搭建和配置 一.安装Nodejs 下载nodejs安装包(https://nodejs.org/en/download/)安装 下载后,双击安装文件,按提示来安装. 测试安装是否成功 ...

  5. lesson 14 A noble gangster

    lesson 14 A noble gangster there was a ++time++ 时期 times 时期/年代 in times of peace a sum of + money 一笔 ...

  6. Python 的非正式介绍

    在下面的例子中,通过提示符 (>>> 与 ...) 的出现与否来区分输入和输出:如果你想复现这些例子,当提示符出现后,你必须在提示符后键入例子中的每一个词:不以提示符开头的那些行是解 ...

  7. 代码对齐 （Alignment of Code,ACM/ICPC NEERC 2010,UVa1593)

    题目描述: 解题思路: 输入时提出单个字符串,并用一个数组记录每列最长长度,格式化输出 #include <iostream> #include <algorithm> #in ...

  8. Hexo 博客 之 腾讯云部署过程

    写在前面 Hexo 博客搭好了有差不多两周时间了,这期间走了很多弯路,跳了很多坑.一些坑自己 bing 到了答案,找到了解决方法,一些坑则是自己摸索出来的解决方法.现在准备写几篇关于搭建流程.搭建过程 ...

  9. 购物单：Excel的应用

    题目描述: 小明刚刚找到工作,老板人很好,只是老板夫人很爱购物.老板忙的时候经常让小明帮忙到商场代为购物.小明很厌烦,但又不好推辞. 这不,XX大促销又来了!老板夫人开出了长长的购物单,都是有打折优惠 ...

  10. STM32F4 编程手册学习1_编程模型

    STM32F4 programming manual_1 1. 处理器模式与特权等级 处理器模式分为以下两种: 线程模式: 用来执行应用软件: 处理器从reset出来时,进入线程模式: CONTROL ...