前言
值得一提的是，今天终于要在这个博客写第一篇技术性的文章。其实我自己最近两天还在纠结要不要写，曾考虑过在学完后立马就投入项目实践中可能会比较好，但今天细想了下觉得开这个博客本就为了记录学习、工作和生活点滴。特别在刚开始的时候，不能因为事小而不为，越是简单、基础的东西更加要系统地整理明白才行，所以下面我试图梳理学习html的知识点以作日后参考，同时希望大家不吝赐教！
HTML (HyperText Markup Language)，即超文本标记语言，它不是一种编程语言，而是一种标记语言。它主要用来标记网页的内容结构，告诉浏览器如何展示网页的内容。
既然说HTML是标记语言，那是怎样的一种标记呢？
标签
可以看到，上图两边的<p>和</p>就是一个html标签对，其中<p>是开始标签，</p>是结束标签，两者中间的“这是内容”就是这个p元素的内容。
一个html元素，以上面的p元素为例，它基本需要由：
- 开始标签，以<开始，>结束
- 结束标签，以</开始（注意这里比开始标签多了个斜杠/），>结束
- 内容（需要展示的文字内容）
上面三者组成。
html有两大种类元素，分别是块级元素和行内元素。块级元素会在网页中的独占一行（在元素的前后自动换行），而行内元素则会跟其他行内元素同在一行内，除非在这行内已经放不下，那就进入下一行。
块级元素：标题（h1、h2、h3、h4、h5、h6）、段落（p）、语义块结构（header、nav、main、article、section、div、aside、footer）、表单（form）、表格及列表（table、ul、ol、dl）等等。
行内元素：超链接（a）、图像（img）、换行（br）、表单组件（label、input、select、textarea）、行内块（span）等等。
嵌套
从上面可以看出，html标签是有很多，而各种标签之间在网页上所呈现的效果各有不同，但也有一些会显示会很相似甚至一样（例如strong和em、b等），现在如何看到的网页效果复杂且灵活多样，我认为除了是因为标签类别多样化之外（当然还有CSS和JS），还有一个原因是因为标签之间可以嵌套其他标签，这个特性使得网页可以灵活构造内容。
<body><p>这是内容</p></body>这段代码可以看出来，p被包含在body里面，即body嵌套了一个段落p，而其实一般的网页是分块的，根据网页开发者的需要，可以设计成不同的块嵌套各自需要的标签元素和内容。
属性
html属性还有一个重要的特性，那就是“属性”。有了这个属性可以给网页标签的多样化提供了可能，因为我们熟知的id和class就是一种html属性，这两个属性与css和js在html中的运用密切相关。
<p id="test" class="test">这个段落包含属性class和id</p>另外，图像标签img就是主要靠src属性来指定图片地址，它一般不含内容：
<img src="imgs/icons/pic.jpg" />一个最简单的网页
下面展示一张最简单的html网页：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试页</title>
</head>
<body>
<p>这是一个段落。</p>
</body>
</html>分解这里每一行：
第一行是文档类型声明，这是目前最简单的一种说明，虽然以前的html版本有各种复杂的写法，主要是为了检测文档语法和错误等，不过现在只需要简单的<!DOCTYPE html>就行了；<html>元素是网页的根元素，它包含了<head>和<body>元素；<head>中包含了一些必需但不直接显示在页面上的内容，例如标题、样式表以及脚本代码的路径和页面元数据（页面作者，文档描述）等，上面就包含了元数据charset和一个标题；<body>显然就是网页的主内容，这里包含了一个段落，还可以有图像，音视频等；
今天先写这么多，后面会继续更新。
283
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
