bearlon的HTML学习笔记1

最新推荐文章于 2024-11-07 10:38:40 发布

bearlon

最新推荐文章于 2024-11-07 10:38:40 发布

阅读量312

点赞数 2

分类专栏： HTML、CSS学习笔记文章标签： html 开发模式

本文链接：https://blog.csdn.net/bearlon/article/details/47099459

版权

HTML、CSS学习笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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 标签定义。