head标签

head标签用于定义文档的头部，它是所有头部元素的容器。<head>中的元素可以引用脚本、只是浏览器在哪里找到样式表。文档的头部描述了文档的各种属性和信息，包括文档的标题、在web中的位置以及和其它文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

下面这些标签可用在 head 部分

<title>、<meta>、<link>、<style>、<script>。

应该把 <head> 标签放在文档的开始处，紧跟着<html> 后面，并处于 <body> 标签之前。

文档的头部经常会包含一些 <meta> 标签，用来告诉浏览器关于文档的附加信息。

title标签

可定义文档的标题；
它显示在浏览器窗口的标题栏或状态栏上；
title 写与网页相关的关键词有利于SEO优化

meta标签

一般定义一些当前网页的特殊属性
通过 meta 标签的属性定义页面的特征
格式: <meta 属性1 = ' ' 属性2 = ‘’> </meta>

注：属性的值可以用 ' ' 也可以用 " "

charset 属性定义当前页面的字符集告诉浏览器以什么字符集解析当前页面

name 属性一般用于当前网页的一些简单描述，便于在搜索引擎上根据描述搜索到当前网页

keywords 关键字

author 作者

description 描述

<meta name ='keywords'  content = '段海涛，多易教育'/ >

<meta name ='author'  content = '娜娜老师'/ >

<meta name ='description'  content = '大学毕业后从事英语教育，但对于编程有着浓厚的兴趣，故自学老师视频，然后整理了相关的文档'/ >

http-equiv属性在多少秒后对该网页进行刷新

<meta http-equiv ='refresh'  content = '5;http://www.51doit.com'/ >

link标签

学习 CSS 样式引入外部CSS样式文件

script标签

学习 js 脚本语言引入脚本语言文件

注释的快捷方式为：选中文字按ctr l + shift + / 注释和取消注释

body标签

标题标签

<!-- h1-6 六级标题>

<h1>主标题内容</h1>

<h2>副标题内容</h2>

<h3>3号标题内容</h3>

<h4>4号标题内容</h4>

<h5>5号标题内容</h5>

<h6>6号标题内容</h6>

段落标签

<!--

P 段落标签被p标签包裹的文字就是独立的一个段落

段落内部不换行

<br/> 换行标签放在哪里就在哪里换行

段落和段落之间是换行的

即每一对P标签占一行

-->

<p>春回大地，万物复苏，一切都是最美好的景象</p>

<p>夏日炎炎，泳池无论是水还是美女都能让人感觉清凉</p>

<p>秋天给大地换上了金装，到处一片金黄<br/>

硕果磊磊，迎接丰收<br/>

秋叶扫地，化作春泥更护花</p>

格式化标签

文档地址： https://www.w3school.com.cn/html/html_formatting.asp

格式化标签的嵌套

多重格式同时生效

嵌套格式 <big><b><i>多易出品，必属精品<i><b></big>

合理嵌套，符合常理的嵌套

<b>多易出品，必属精品</b>              <br/>        <!--加粗--> 

<big>多易出品，必属精品</big>          <br/>        <!--变大--> 

<small>多易出品，必属精品</small>      <br/>        <!--变小-->

<em>多易出品，必属精品</em>            <br/>        <!--着重斜体-->

<i>多易出品，必属精品</i>              <br/>        <!--斜体-->

Log<sub>2</sub>n                      <br/>       <!--下标-->

2<sup>n</sup>                         <br/>       <!--上标-->

多易出品<del>，</del>必属精品           <br/>       <!--删除-->

多易出品<ins>_<ins>必属精品             <br/>       <!--插入-->

<font color = "red" size = "20">多易出品，必属精品</font>

<p style = "样式名：样式值；样式名：样式值">多易出品，必属精品</p>

<p style = "font-size：40px;font-family：'楷体';color:orange;text-decoration:underline>多易出品，必属精品</p>

字符实体标签

链接：https://www.w3school.com.cn/html/html_entities.asp

特殊符号链接： https://www.w3school.com.cn/tags/html_ref_symboles.html

对于HTML有特殊含义的符号想以普通文本的形式展现出来，那么就需要使用字符实体进行转义处理

<html>

    <head>

         <meta> charset = “utf-8”</meta>

    </head>

    <body>
    
         您好 <br/> haider

    </body>

</html>

以上打印内容为换行后的：您好haider

如果不想让其换行，需要在上述链接中查到 <> 的代表符号,具体操作如下：

<html>

    <head>

         <meta> charset = “utf-8”</meta>

    </head>

    <body>
        
        <!--
        左右尖角号的字符实体一次为 &lt；&gt；
        空格的字符实体为 &nbsp；
        与符号字符实体为 &amp &lt;
        -->
         您好 &lt; br/ &gt; haider
        多易出品 &nbsp; &nbsp; &nbsp; &nbsp;必属精品
        &amp &lt;

        <!--
        其他特殊符号
        对于html 没有特殊含义
        但是又不好打出来的符号
         -->

    </body>

</html>

以上知识你get到了吗？

想了解更多内容可以随时跟博主沟通哦~~~

观看更多技术视频请在B站搜索多易教育

最专业的大数据全套教学视频

多易出品，必属精品

HTML中的head和body标签及作用