我又出来赶博客了，这几天接触的知识量有点大，欠了能有10几篇博客吧，我觉得我再不赶出来，知识点就全忘记了，所以我决定百忙之中，抽出空来，来整理一下我最近学到的知识点，那么今天所讲的呢，就是HTML的初体验。
HTML简介
HTML（超文本标记语言——HyperText Markup Language）是构成Web世界的基石。它描述并定义了一个网页的内容。其他除HTML以外的技术则通常用来描述一个网页的表现／展示效果（CSS）或功能（JavaScript）。
也就是说，HTML这个标签语言，仅仅用来描述网页里面的内容，不去分配网页的样式和功能。这种方式能使我们的代码层次分明，便于维护。
HTML标签
常见的HTML标签有：a、form、input、button、h1、p、ul、ol、small、strong、div、span、kbd、video、audio、svg等。
下面我就逐个的列举，常用标签的用法和属性（ps：主要是怕我自己忘记，这里么做个笔记)
注释标签
突然发现这个标签好萌有没有，额。。。这个是注释标签 和C语言里的//是一个意思，用于在代码里面注释某些东西的，这个最好理解。
<!DOCTYPE>标签
这个一般写HTML5的时候会自动生成，<!DOCTYPE> 用于声明文档类型，<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。一般的写法如下
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>
<body>
文档的内容
</body>
</html>
用于选择文档类型的，HTML里面肯定是html啦。
<html>标签
主要告诉浏览器，我是一个html文档。<html> 与\ </html> 标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。正如您所了解的那样，文档的头部由 <head> 标签定义，而主体由 <body> 标签定义。
<html>
<head>这里是文档的头部</head>
<body>
这里是文档的主体
</body>
</html>
<h1>~<h6>标签
标题(Heading)元素拥有六个不同的级别，<h1> 是最高级的，而 <h6> 则是最低的级别。这个就和Markdown一样，用起来很简单，但是我查资料的过程中，发现了一些要注意的细节
- 不要为了减小标题的字体而使用低级别的标题， 而是使用 CSS font-size 属性。
- 避免跳过某级标题：始终要从 <h1> 开始，接下来使用 <h2> 等等。
- 使用 <section> 元素的时候，为了方便起见你应该考虑着去避免重复在一个页面上使用 <h1>，<h1> 应该用来表示页面的标题，其他的标题当从 <h2> 开始。 使用 section 当时候，应当每个 section 都使用一个 <h2>。
<br>标签
这个标签是强制换行的标签，是将文本信息换行的标签。<br> 标签是空标签（意味着它没有结束标签，因此这是错误的：<br></br>）。需要注意的细节是
不要使用<br>来增加行距；请改用CSS margin特性或<p>元素。
<body>标签
body么，顾名思义就是身体的意思，就是HTML的主体部分，HTML 主体元素 (<body>) 表示的是HTML文档的主体内容，任何一个HTML文档，只允许存在一个 <body> 元素。
<p>标签
paragraph，也就是段落的意思，所以<p>标签的作用就是展示一段文字。
\<p>This is some text in a very short paragraph\</p>
<ul>，<ol>，<li> 标签
- unordered list（ul),所以这个标签就是一个无序的列表，用来展示没有顺序相关的文本或事件的罗列。
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
- ordered list (ol)，所以这个标签就是一个有序列表，用于展示有顺序的123这样的文本和事件的罗列。
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
- list（li）,从以上两端代码可以看出，<li>标签，是配合<ul>和<ol>标签进行使用的，表示的是列表中的项目。必须配合使用。
<strong>标签
strong属性是用于把文本定义为强调的内容，但是HTML里面是不会对这个强调的内容做任何样式的改变，可以在CSS中，对strong定义的文本进行样式的定制，例如加粗修改颜色等操作。HTML中只是单纯的将这部分内容强调出来。
<span>标签
一直听说某些人可以就靠<span>和<div>就能实现页面，那这个span究竟是干嘛的呢。<span>标签是行内元素，他需要定义一个class，来配合CSS对其进行样式的改变，单独在HTML中，是没有任何样式的改变，不定义class的时候也没有意义，与其他文本没有任何差异。
<div>标签
<div>标签和<span>标签差不多的意思，不同的是一个是行内元素，一个是块元素，<div>标签可以让开发者根据自己的理解或用户的需求，对网页页面进行区域的划分，用<div>包裹起来，以此来区分网页不同功能，不用用途的区域，方便对某一区域进行操作或样式的改变。
这个标签也需要CSS配合来进行样式的改变。
<div style="color:#00FF00">
<h3>This is a header</h3>
<p>This is a paragraph.</p>
</div>
这一篇博客就先写到这里，还有几个棘手的标签，放到下一篇博客来具体的分析和理解，比这篇博客要介绍的详细的多，但是梳理起来也相对麻烦的多，下一篇主要讲解iframe，a,form,input,button,table标签的属性和细节，包栝HTTP请求的部分。
网友评论