bearlon的HTML学习笔记1

来源：互联网发布：手机淘宝怎么看信誉度编辑：程序博客网时间：2024/06/06 20:59

1.HTML简介

HTML是一种用来描述网页的语言，全名为Hyper Text Markup Language。作为一种标记语言，HTML使用一套标记标签（HTML tag）来描述网页。标记标签是由尖括号包围的关键词组成，通常成对出现（如<p>和</p>），一个是开始标签，一个是结束标签，分别也成为开放标签和闭合标签。HTML文档也被称为网页，包含HTML标签和纯文本。相应的，web浏览器则读取HTML文档，并以网页的形式显示，但是并不显示HTML标签，而是使用HTML标签来解释网页的内容。例如：

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

<html></html>表明这是一个HTML文档，两个标签之间的内容用来描述网页。<body></body>之间的文本则是用于网页显示的内容。<h1></h1>之间的是标题（heading）,字体大小分别由h1到h6逐渐减小，字体加粗。<p></p>之间的为段落（paragraph），相邻的两个段落会自动在网页上分配一空行。

2.HTML元素

HTML的元素指的是在开始标签和结束标签之间的所有代码，在上例中，<h1></h1>之间的My First Heading就是元素的内容。大多数的元素具有属性。同时存在一种元素，其内容为空，即空元素（empty content），空元素在开始标签中结束，以开始标签的结束而结束。比如<br/>，而<br>是一种没有关闭标签的空元素，不推荐使用。

HTML元素大多是可以嵌套的。上例中<html></html>之间包含了另一个body元素，而body元素之间又包含了p元素。

3.HTML属性

HTML标签可以拥有属性，属性为元素提供了更多的信息。形式上总是以“名称=值”（name="value"）的形式出现的，在开始标签中规定,值的引号不可省略。示例：<h1 align="center">标题居中；<body bgcolor="yellow">背景颜色为黄色；<table border="1">表格边框宽度为1像素。

尽管HTML对属性的大小写不敏感，但是和标签相同，最好使用小写。属性的值需要加上引号，单双引号均可，双引号较为常用，但是如果属性值本身有双引号，那么这里只能使用单引号。例如：name='Bill "HelloWorld" Gates'。更多标签及属性可参考：HTML参考手册

4.HTML标题、水平线、注释

标题（heading）是由<h1>~<h6>标签定义，浏览器会自动在标题前后添加空行。标题用来呈现文档的结构，不要为了显示加粗或者大号字体而使用标题。

<hr/>用于创建水平线，对内容进行分割。

<!xxxx>为注释的标签，尖括号内靠近左端紧跟一个感叹号，而右端尖括号则不需要，两部分中间的即为注释内容。

5.HTML段落

段落是由标签<p>来定义的。

在开始标签和闭合标签之间可以加入<br/>来实现不插入段落换行的目的，同时，<br/>也用于实现插入空行，不要使用<p></p>,即段落元素为空去插入一个空行！此外，段落与段落之间浏览器会自动加入空行，这一点与标题（heading）相同。

例：

<html>
<body>

<p>这是段落。</p>
<p>这是<br/>段落。</p>
<p>这是段落。</p>

<p>段落元素由 p 标签定义。</p>

</body>
</html>

对应显示为：

这是段落。

这是
段落。

这是段落。

段落元素由 p 标签定义。

应该注意，在编写代码时，段落内多余的空格换行都会被浏览器自动忽略，连续的多余空格换行会被显示为一个空格。

例如：

<html>

<body>

<h1>春晓</h1>

<p>
春眠不觉晓，
处处闻啼鸟。
夜来风雨声，
花落知多少。
</p>

<p>注意，浏览器忽略了源代码中的排版（省略了多余的空格和换行）。</p>

</body>

</html>

结果为：

春晓

春眠不觉晓，处处闻啼鸟。夜来风雨声，花落知多少。

注意，浏览器忽略了源代码中的排版（省略了多余的空格和换行）。

此外必须要注意的是，浏览器的窗口大小会影响到具体的显示效果。比如段落的行数依赖于浏览器窗口的大小。如果调节浏览器窗口的大小，将改变段落中的行数。

6.HTML文本格式化

文本格式化即对网页显示的文字、空行等文本进行格式化操作，控制他们的显示方式以达到我们预想的效果。

其实这一部分我理解得不是很到位，现在暂时停到这里，歇会儿再继续学==

1 0