HTML基础第一部分
Posted zangshengjie
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML基础第一部分相关的知识，希望对你有一定的参考价值。
网页是什么？
网页的基础是由文本，图片，链接构成的。网页还包含了表单，表格，动画，音乐等元
素。我们常看到的网页多是html+CSS+javascript组成的。他们分别代表了，结构，表现
和行为。HTML制作物品躯干，CSS装饰物品外观，JavaScript则负责让物品动起来。
HTML是什么？
- 是一种超文本标记语言
- HTML不是编程语言，它属于标记语言
- HTML通过标记标签进行网页的制作
创建HTML文档
包含有HTML标签的文档被称为HTML文件，HTML文档的扩展名为.html或者.htm。
HTML的基本结构
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>基本结构</title>
</head>
<body>
网页主体
</body>
</html>
结构开头的DOCTYPE是一种标准通用标记语言的文档类型声明，主要作用是告诉标
准通用标记语言解析器（浏览器）要使用什么样的文档类型来解析文档。
上面代码写的开头声明便是告诉浏览器，按最新的html文档类型进行解析。具体的可以
声明模式可以参考MDN文档https://developer.mozilla.org/zh-CN/
<html>
<head>
<!--
-这里主要是对文档进行诠释，定义，描述，引入脚本等作用（可以
理解为引用脚本、指示浏览器在哪里找到样式表、提供元信息等一些不作为
正式内容展示给读者的内容）
-->
</head>
<body>
<!--
对页面内容进行排版、编辑、显示在页面中，是html的主体
-->
</body>
</html>
HTML语法的标签
- HTML标记标签通常被称为HTML标签
- HTML标签是由尖括号包围的关键词，比如<br>
- HTML标签通常是成对出现的，比如<p></p>
- 标签一般由一对开始标签和结束标签组成，除特定的单标签外
注：开始和结束标签也被称为开放标签和闭合标签，闭合标签要以“/”结束
- 标签不可胡乱嵌套，比如：错误写法<span><b></span></b>
正确的写法<span><b></b></span>
- 标签不区分大小写，但最好小写（具体原因复习到JavaScript里再说）
- 每个标签都是闭合的
- 同一标签可以拥有N个不同属性
- 最重要的一点，HTML标签中的符号都是英文符号，否则一旦出错，很难找到成对标签和单标签详解
成对标签
- 包含起始标签和结束标签
- 内容写在对标签中间
- 属性写在起始标签尖括号内（不建议这样做，练习可用）
例如<a href="https://www.baidu.com" style="textdecaration:none"></a>
单标签
- 只有一个尖括号的标签
- 属性直接写在尖括号内
例如<img src="123.jpg" alt="123">
HTML属性
必须放在开始标签内，属性可以为标签提供更多样化的样式
元素
开始和结束标签连同里面的内容被称为一个元素
HTML注释
注释就是对代码的说明，不会再浏览器中显示
注释标签为<!--注释内容-->
HTML头部中常用的标签
<head>
<meta charset="UTF-8">
<title>标题标签</title>
<meta name="keywords" content="关键词，多个关键词用逗号隔开"/>
<meta name="description" content="本篇网页的概述"/>
</head>
HTML常用字体标签
h1~h6、strong、em、span、u、i、b这些都是字体的常用标签，具体效果不做展示
附录：
常用HTML标签大全 https://www.cnblogs.com/hjjun/p/6274995.html
doctype的作用 https://www.cnblogs.com/alwaysblog/p/5822834.html
个人有道云原文链接 http://note.youdao.com/noteshare?id=8da6cf24ced7255d4e7a9272f5ce66b8
以上是关于HTML基础第一部分的主要内容，如果未能解决你的问题，请参考以下文章
零基础学习WEB前端开发：HTML第一部分基础知识的综合案例