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标签是由尖括号包围的关键词，比如
HTML标签通常是成对出现的，比如
标签一般由一对开始标签和结束标签组成，除特定的单标签外

　　注：开始和结束标签也被称为开放标签和闭合标签，闭合标签要以“/”结束

标签不可胡乱嵌套，比如：错误写法

正确的写法

标签不区分大小写，但最好小写（具体原因复习到JavaScript里再说）
每个标签都是闭合的
同一标签可以拥有N个不同属性
最重要的一点，HTML标签中的符号都是英文符号，否则一旦出错，很难找到成对标签和单标签详解

成对标签

包含起始标签和结束标签
内容写在对标签中间
属性写在起始标签尖括号内（不建议这样做，练习可用）

例如<a href="https://www.baidu.com" style="textdecaration:none"></a>

单标签

只有一个尖括号的标签

属性直接写在尖括号内

例如<img src="123.jpg" alt="123">

HTML属性

必须放在开始标签内，属性可以为标签提供更多样化的样式

元素

开始和结束标签连同里面的内容被称为一个元素

HTML注释

注释就是对代码的说明，不会再浏览器中显示

注释标签为

HTML头部中常用的标签

<head>

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

相关推荐