HTML知识小结

2018-07-06 本文已影响0人我是鬼_

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中所有的代码都是以标签的形式展现出来的，下面介绍一些常用的标签。

标题标签<hn></hn>从1到6逐渐变小。

换行标签：<br />

水平线标签：<hr />，水平线可设置高度、颜色、阴影属性

段落标签：<p>段落内容</p>

字体标签：<font color="颜色代码" size="尺寸代码" face="字体代码">文字</font>

斜体标签：<i>斜体文字</i>

粗体标签：<b>粗体文字</b>

图片标签：<img src="图片地址" width="宽度" height="高度" alt="无法正常显示时的提示信息"/>

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

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

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

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

无序列表标签：<ur type="样式名称"></ur>，样式一般不在这里设计，在 css中设计

有序列表标签：<or type="序号样式名称" start="起始数字" reversed="顺序or倒序"></or>

列表的项：<li></li>

超链接标签：<a href="超链接地址" target="当前页面or新页面or自定义">显示的文字</a>

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

表格标签：<table border="边框宽度" width="宽度" height="高度" align="位置" bgcolor="背景色 "cellspacing="单元格与单元格间距" cellpadding="单元格与内容间距"></table>

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

行标签：<tr></tr>

列标签：<td></td>

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

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

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

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

水平划分标签：<frameset cols="左百分比,*"

垂直划分标签：<frameset rows="左百分比,*"

不能放在body中

html的注释：