这是我参与「第四届青训营」笔记创作活动的第一天

HTML基础知识总结(一)

本章着重复习 Html 的基础内容，学习 Html 究竟要学些什么呢？主要是学习各种标签，来搭建网页的 “ 结构 ” 。

一、前端开发简介：

前端开发究竟要学习什么技术呢？一般来说，需要前端的"3架马车"。HTML(骨架)，CSS(修饰)，JavaScript(控制交互行为)。其中HTML是一个网页的基本骨架。

HTML
HTML是一门描述性语言。HTML全称“Hyper Text Markup Language（超文本标记语言）”，简单来说，网页就是用HTML语言制作的。
CSS
CSS，全称“（层叠样式表）”。
JavaScript
JavaScript是一门脚本语言。

二、HTML的基本骨架

<!-- html5声明 -->
<!DOCTYPE html>
<!--  页面中最大的标签 根标签  -->
<html lang="en">
  <!-- 头部标签 -->
<head>
  <!-- 标题标签 -->
  <title>Document</title>
</head>
<!-- 文档的主题 -->
<body>
  
</body>
</html>

1. `<!DOCTYPE html>`是html5声明。

2. `<html lang="en">` 是页面中最大的标签根标签。

3. `<title>Document</title>` 是标题标签。

4.`<body> /body>`是文档的主体，所以的HTML标签都在这里面写。

三、HTML的知识：

1.HTML是一种超文本标记语言

超文本，有 2 层含义：

它可以加入图片、声音、动画、多媒体等内容（超越文本限制）
它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本）。

2.HTML标签的分类

（1）双标签

<标签名 > 内容 < /标签名 > ，比如  我是云南的！

（2）单标签

<标签名/> ，比如  

3.HTML的标签关系

（1）嵌套

如：ul里面加上li就是嵌套关系，即"父子"关系。

    <li></li>
</ul>

（2）并列

例如：两个div只能并列，不能相互嵌套。

<div></div>
<div></div>

3.字符集

字符集(Character s et)是多个字符的集合 ,计算机要准确的处理各种字符集文字，需要进行字符编码，以便计算机能够识别和存储各种文字。

UTF -8 是目前最常用的字符集编码方式，让 html 文件是以 UTF -8 编码保存的，浏览器根据编码去解码对应的 html 内容。

例如：<meta charset="UTF-8">

四、标签的语义化

HTML是专门负责网页结构的，所以在使用html标签时应该关注的是标签的语义而不是标签的样式。

常用标签如下：

(1)HTML标签
整个网页是从<html>这里开始的，然后到</html>结束。
(2)head内部标签

(3)body标签
body标签，代表页面的“身”，定义网页展示内容，这些内容往往都是“可见内容”（显示在浏览器）我们常见的标签都是在<body>标签内部的各种标签。

五、HTML段落和文字标签

1. 标题标签

标题标签应用展示：

    <h1>一级标题标签</h1>
    <h2>二级标题标签</h2>
    <h3>三级标题标签</h3>
    <h4>四级标题标签</h4>
    <h5>五级标题标签</h5>
    <h6>六级标题标签</h6>

效果截图：

2.段落和换行标签

标签，表示一个段落，也是一个块元素.p标签前后会自动换行。
  换行
元素里不能放任何块元素,浏览器会对网页自动修正.

案例分析

   <p>
   1990年到1996年，李开复在美国苹果电脑公司历任语音组经理、多媒体实验室主任、互动多媒体部全球副总裁等职位；同年，李开复受联合国邀请到中国演讲两周。
   </p>

HTML基础(1) | 青训营笔记

HTML基础知识总结(一)

一、前端开发简介：

HTML

CSS

JavaScript

二、HTML的基本骨架

1. <!DOCTYPE html>是html5声明。

2. <html lang="en"> 是页面中最大的标签 根标签。

3. <title>Document</title> 是标题标签。

4.<body> /body>是文档的主体，所以的HTML标签都在这里面写。