前端学习之HTML

Bertha 。 2023-10-02 22:01 36阅读 0赞

**目录**

1. 什么是HTML？

2. HTML专业的开发工具有哪些？

3. 是谁制定了HTML?

4. HTML的简单特性

5. 基本标签的介绍

6. 表格

7. 表格中单元格的合并

8. 背景颜色和背景图片

9. 图片

10. 超链接

11.列表

12. Form表单\*\*\*

--------------------

## 1. 什么是HTML？ ##

答：HTML即Hyper Text Markup language,超文本标记语言，有大量标签对组成。在HTML开发时，我们用普通文本编辑器就行，只要文件的扩展名为.html就行。然后直接用浏览器打开就能直接运行。

其实：HTML算不上是一种语言，只是一种规则。

## 2. HTML专业的开发工具有哪些？ ##

DreammWeaver HBuilder等。

## 3. 是谁制定了HTML? ##

答：W3C制定了HTML,W3C即World Wide Web；也叫做世界万维网联盟，1994年创立的，是一个中立的机构。其制定了HTML规范，然后每个浏览器厂家都会遵守这个规范，每个程序员也会按照这个规范去写代码。

补充：W3C还制定了：XML,http协议，https协议等一系列牛X的规则。

此外：而我们经常见到了还有W3CSchool,这个W3CSchool与W3C没有一点关系，只是蹭一蹭W3C的热度。对W3C的内容进行翻译整理，为中国的前端的Web开发提供了中文文档。

## 4. HTML的简单特性 ##

*  **语法松散**
 *  **不区分大小写**
 *  **且支持大小写的混个使用**

如 <html></Html>，即使是这样使用，也不会出错。

常见的完整的html页面结构如下。（附带注释）

![d1fe8a324c13430cb2f5ae1c434bb0a2.jpeg][]

## 5. 基本标签的介绍 ##

![6c9135b2abfd4fe2ac9ddf0e56cc7645.jpeg][]

## 6. 表格 ##

![81480dd704084e2d90f05245b949c794.jpeg][]

## 7. 表格中单元格的合并 ##

![1536eea58f7f43d9be788f7a7f67d4b4.jpeg][]

## 8. 背景颜色和背景图片 ##

![f185808e9cfb471494e07b082d764d5c.jpeg][]

## 9. 图片 ##

![2ade88b5f00e4997a4aff16d914c6738.jpeg][]

## 10. 超链接 ##

![21f5e0afe8d14def83292646b010ee10.jpeg][]

##  11.列表 ##

![bf9fb93fbf6d47ef867ec954be2b47c1.jpeg][]

##  12. Form表单\*\*\* ##

![9c3e93d9b82540a5909e02b55bb7750e.jpeg][]

--------------------

随笔：可以不看（我每天必背的一首，哈哈）

从小丘西行百二十步，隔篁竹，闻水声，如鸣珮环，心乐之。伐竹取道，下见小潭，水尤清冽。全石以为底，近岸，卷石底以出，为坻，为屿，为嵁，为岩。青树翠蔓，蒙络摇缀，参差披拂。

潭中鱼可百许头，皆若空游无所依，日光下澈，影布石上。佁然不动，俶尔远逝，往来翕忽，似与游者相乐。

潭西南而望，斗折蛇行，明灭可见。其岸势犬牙差互，不可知其源。

坐潭上，四面竹树环合，寂寥无人，凄神寒骨，悄怆幽邃。以其境过清，不可久居，乃记之而去。

同游者：吴武陵，龚古，余弟宗玄。隶而从者，崔氏二小生：曰恕己，曰奉壹。

--------------------

潭中鱼可百许头，皆若空游无所依，日光下澈，影布石上。佁然不动，俶尔远逝，往来翕忽，似与游者相乐。

潭西南而望，斗折蛇行，明灭可见。其岸势犬牙差互，不可知其源。

坐潭上，四面竹树环合，寂寥无人，凄神寒骨，悄怆幽邃。以其境过清，不可久居，乃记之而去。

同游者：吴武陵，龚古，余弟宗玄。隶而从者，崔氏二小生：曰恕己，曰奉壹。

[d1fe8a324c13430cb2f5ae1c434bb0a2.jpeg]: https://img-blog.csdnimg.cn/d1fe8a324c13430cb2f5ae1c434bb0a2.jpeg
[6c9135b2abfd4fe2ac9ddf0e56cc7645.jpeg]: https://img-blog.csdnimg.cn/6c9135b2abfd4fe2ac9ddf0e56cc7645.jpeg
[81480dd704084e2d90f05245b949c794.jpeg]: https://img-blog.csdnimg.cn/81480dd704084e2d90f05245b949c794.jpeg
[1536eea58f7f43d9be788f7a7f67d4b4.jpeg]: https://img-blog.csdnimg.cn/1536eea58f7f43d9be788f7a7f67d4b4.jpeg
[f185808e9cfb471494e07b082d764d5c.jpeg]: https://img-blog.csdnimg.cn/f185808e9cfb471494e07b082d764d5c.jpeg
[2ade88b5f00e4997a4aff16d914c6738.jpeg]: https://img-blog.csdnimg.cn/2ade88b5f00e4997a4aff16d914c6738.jpeg
[21f5e0afe8d14def83292646b010ee10.jpeg]: https://img-blog.csdnimg.cn/21f5e0afe8d14def83292646b010ee10.jpeg
[bf9fb93fbf6d47ef867ec954be2b47c1.jpeg]: https://img-blog.csdnimg.cn/bf9fb93fbf6d47ef867ec954be2b47c1.jpeg
[9c3e93d9b82540a5909e02b55bb7750e.jpeg]: https://img-blog.csdnimg.cn/9c3e93d9b82540a5909e02b55bb7750e.jpeg