HTML语言
HTML 超文本标签语言
Html(Hyper Texture Markup Language)是超文本标记语言,在计算机中以 .html或者.htm作为扩展名,可以被浏览器识别,就是经常见到的网页.
Html的语法非常简洁,比较松散,以相应的英语单词关键字进行组合,html标签不区分大小写,标签大多数成对出现,有开始,有结束,例如 <html></html>,但是并没有要求必须成对出现.同时也有固定的短标签,例如 ,<hr/>.
学习html基本可以认为就是学习各种标签,标签也可以设置属性,例如hello, world,示例中color代表标签的颜色属性,red代表标签是红色字体,hello,world为实际显示的内容.可以新建一个文本文档,然后将后缀名修改.html文件,用代码编辑器打开该html文件可以编辑文件(例如notepad++),将上述内容保存到文件中,双击该文件可以看到如下效果:
Html的组成可以分为如下部分:
1. <!doctype html> 声明文档类型,可以不写
2. <html> 开始 和</html> 结束,属于html的根标签
3. <head></head> 头部标签,头部标签内一般有 <title></title>
4. <body></body> 主体标签,一般用于显示内容
例如:
<html>
<head>
</head>
<body>
hello, world
</body>
</html>
如果想要添加注释,可以使用 <!—我是注释 -->的方式.
也可以指定页面类型和字符编码,下面设置页面类型为html,并且字符编码为utf8
<meta http-equiv="content-Type" content="text/html; charset=utf8">
Html标签属性,可以双引号,单引号,或者不写
H**tml标签介绍**
题目标签
共有6种,<h1>,<h2>,…<h6>,其中<h1>最大,<h6>最小
文本标签
<font>标签,可以设置颜色和字体大小属性
颜色表示方法(可以参考网站: http://tool.oschina.net/commons?type=3):
1. 英文单词 red green blue …
2. 使用16进制的形式表示颜色:#ffffff
3. 使用rgb(255,255,0)
字体大小可以使用size属性,大小范围为1-7,其中7最大,1最小.
有时候需要使用换行标签 ,这是一个短标签
与之对应另外还有一个水平线也是短标签, <hr/>,水平线也可以设置颜色和大小
列表标签
列表标签分无序列表和有序列表,分别对应<ul>和<ol>.
无序列表的格式如下:
<ul>
<li>列表内容1</li>
<li>列表内容2</li>
…
</ul>
无序列表可以设置type属性:
实心圆圈:type=disc
空心圆圈:type=circle
小方块: type=square
有序列表的格式如下:
<ol>
<li>列表内容1</li>
<li>列表内容2</li>
…
</ol>
有序列表同样可以设置type属性
数字:type=1,也是默认方式
英文字母:type=a或type=A
罗马数字:type=i或type=I
图片标签
图片标签使用<img>,内部需要设置若干属性,可以不必写结束标签
属性:
1. src=”3.gif” 图片来源,必写
2. alt=”小岳岳” 图片不显示时,显示的内容
3. title=”我的天呐” 鼠标移动到图片上时显示的文字
4. width=”600” 图片显示的宽度
5. height=”400” 图片显示的高度
例如:
注意:当图片未定义宽高,图片百分百比例显示,如果只改变图片宽度或者高度,会等比例缩放
超链接标签
超链接标签使用<a>,同样需要设置属性表明要链接到哪里.
属性:
1. href=”http://www.mobiletrain.org>”,前往地址,必填,注意要写http://
2. title=”前往千锋” 鼠标移动到链接上时显示的文字
3. target=”self”或者”blank”,self是默认值,在自身页面打开,blank是新开页面前往连接地址)
当我们访问某个网站的时候,当请求的资源不存在,经常会给我们报告一个错误,显示为404错误,一般会给请求用户返回一个错误页,大家可以自行尝试一下编写一个我们自己的错误页.