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="左百分比,*"
<frame src="左链接" />
<frame src="右链接" />或<frame name="超链接target属性中的自定义" />
垂直划分标签:<frameset rows="左百分比,*"
<frame src="上链接" />
<frame src="下链接" />或<frame name="超链接target属性中的自定义" />
不能放在body中
html的注释:<!--注释内容-->