HTML知识小结 - 草稿

1.定义

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。

——维基百科

2.简介

HTML代码比较简单，很快就能学会，可以轻松阅读。HTML的编辑工具起点很低，用记事本都可以完成。HTML文件有两种格式，分别是.html和.htm，目前后者更常用，.htm后缀的出现是因为以前有些软件仅支持三字节的后缀，但现在不存在这样的问题。

与JSP相比，HTML页面简单的多。JSP文件需要先编译成servlet程序，再编译成.class文件，再生成HTML文件返回给浏览器。而HTML页面则无需编译，可以直接让浏览器阅读。两者用途不同，没有好坏之分。

HBuilder是国内的数字天堂网络公司开发的极速H5开发工具， 是基于Eclipse进行开发的，增加了很多特性，也自然而然地继承了Eclipse的各种插件，这是国内为数不低的优秀开发工具之一。

3.标签

HTML中所有的代码都是以标签的形式展现出来的，下面介绍一些常用的标签。

标题标签从1到6逐渐变小。

换行标签：

  水平线标签：

---

，水平线可设置高度、颜色、阴影属性

    段落标签：

段落内容

  字体标签：文字

  斜体标签：斜体文字

  粗体标签：粗体文字

图片标签：

不设置width和height的大小，默认显示图片的真实大小；

img只设置width或height其中的一个，另一个会按比例自动缩放；

设置width和height，指定图片的大小。

图片地址中，../表示当前目录的上级目录，./表示当前目录

无序列表标签：，样式一般不在这里设计，在 css中设计

  有序列表标签：

  列表的项：

超链接标签：显示的文字

超链接地址可以是绝对地址也可以是相对地址，绝对地址前面的http不能省略

表格标签：

没有border属性表示没有边框，没有width和height属性默认与内容一致

    行标签：

    列标签：

tr标签在table标签中，td标签在tr标签中

tr和td属性也有与table类似的属性，内部的优先级高，也有些数值大的优先级高

跨列属性：colspan="跨列数"

    跨行属性：rowspan="跨行数"

水平划分标签：

   

    或

    垂直划分标签：

   

    或

不能放在body中

html的注释： 快捷键：Ctrl+/