HTML 简介
HTML(HyperText Mark-up Language,超文本标记语言),是构成网页文档的主要语言。一般情况下,网页上看到的文字、图形、动画、声音、表格、链接等元素大部分都是由 HTML语言描述的
写
HTML
=写“标签”
写标签
=
采用一系列指令符号来控制输出的效果
如:<BR>,是比较常使用的控制格式的标签,它表示在网页上换行
HTML文档的基本结构
<!—注释:格式-->
<html>
<head>
头部信息
</head>
<body>
主体
</body>
</html>
<!—注释:实例-->
<html>
<head>
<title>这是网页标题</title>
</head>
<body>
这是网页的内容部分
</body>
</html>
HTML常用标签
HTML 有两种类型的标签
单标签
:如<BR>,只需要单独一组符号就可以表示完整的功能
双标签
:如<B>内容</B>,表示将"内容"显示为粗体,这种标签所围绕的内容就是标签作用的作用域
HTML有的标签有属性
<a href="http://www.creative.cdut.edu.cn" title="创新基地" target="_blank">
创新基地
</a><br>
文字布局及字体标签
标题:<hn
>
内容
<
hn
> n的取值从
1
到
6
,字体逐渐减小
换行,段落标签:<br
>
、
<p> <p>=<br
><
br
>
水平线:<hr
>
size:水平线的宽度,单位为像素
width:水平线的长,如不设置则默认为页面长度,单位默认为像素,但也可以使用百分制,如 width=50%表示长度为页面长度的
50%
align:水平线的对齐方式,常用的有 left
,
center
,
right
color:线段内部的颜色
文字设计标签 <font>
size:设置字体大小
size=X
,其中 X 为从 1 到 7,值越大,字体越大,属性值为 3 是客户端网页的默认字体大小
size= + X 或 -X
,X 为从 1 到 7 的值,
:
以基准字体大小为标准大 X 号字体或者小 X 号字体
face:用来设置字体类型,默认为宋体。如<font face="楷体_GB2312">,即设置该内容的输出的字体为楷体(只有电脑中安装的字体才可以在浏览器中出现相应风格,如果用户没有安装该字体,则会显示默认字体的风格
)
color:用于设置字体颜色
<b>内容</b>:将内容设置为粗体。
<u>内容</u>:将内容设置下划线。
<i>内容</i>:将内容设置为斜体。
<sup>内容</sup>:将内容设置为上标。
<sub>内容</sub>:将内容设置为下标
列表标签
分类:有序列表,无序列表
有序列表:在列表项外加上<ol>内容</
o
l>,在每个列表项前加上数字或字母
无序列表:在列表项外加上<ul>内容</ul>,列表中每一项目前不会加上序号,而是会加上●、○、■等符号。
列表的每一项用<li>列表项</li>标示
列表允许嵌套
编写表格所用到的标签如下:
<table></table>:定义表格,表格的所有内容都写在这个标签之内
<caption></caption>:定义标题,标题出现在整张表格的上方
<tr></tr>:定义表行
<th></th>:定义表头,包含在<tr></tr>之间,表头中的文字会自动变成粗
<td></td>:定义表元(表格的具体数据),包含在<tr></tr>之间
常见属性:
align:水平布局方式
属性值有left(左对齐,默认),right(右对齐),center(居中对齐
<table>的该属性表示表格在页面的布局方式
<tr>、<td>的该属性表示该行和该表元内的内容的布局方式
bgcolor:设置背景颜色
border:<table>设置边框的宽度
属性值为整数,border=0 (默认值)时表格无边框
width:宽度,默认单位为像素,也可以使用百分制单位
height:高度,默认单位为像素;也可以使用百分制单位
<table>标签常用的属性有以下几个:
bordercolor:表格边框的颜色,默认为黑色
cellpadding:表元边框的宽度
cellspacing:表元的边框与表格边框之间的宽度
合并单元格:
<td>标签中的 rowspan、colspan
属性值都为整数,默认为 1,表示没有合并
rowspan:表元在行上所占用的单元格数,
跨行
colspan:表元在列上占有的单元格数,跨列
<td>标签rowspan=2,表示该表元及其下面的表元合并成一个
链接标签
<a>内容</a>
标签内的内容为链接所显示的内容,可以是文字、空格占位符、图片等
此标签的一个重要属性是:href,它的值表示链接所指向的资源地址
图片标签
src:表示图片储存的位置
width,height,border,align:作用与前文所提到属性相同
alt:当图片未载入或者载入失败时提供的替代性的文字说明
name:用于在同一页面的跳转
表单标签
网页上
可供用户填写内容的
都称为
表单
,表单中的元素称为表单控件。
表单标签:
<form action = “提交地址”>
表单元素(按钮、输入框、选择框等)
</form>
表单元素标签:
<textarea></
textarea
>:
多行文本,
rows
:行数,
cols
:列数
<select></select>:下拉菜单
multiple属性:设置为多选
size属性:设置下拉菜单项的个数
菜单项:<option></option>
<input>:input标签通过type属性指明表单元素的类型,type 可以为以下的值: text(默认值):文本框
password:密码框
radio:单选按钮,可以将多个单选按钮的 name 属性设置相同,使其成为一组。checked属性可设置默认被选
checkbox:复选框,checked 属性可设置默认被选
button:普通按钮
submit:提交按钮,按下之后,网页会将表单的内容提交给 action 设定的网页,action的值为空时提交给本页
绝对路径:是从盘符开始的路径,形如C:\windows\system32\cmd.exe
相对路径:是从当前路径开始的路径,如当前路径为C:\windows
../上一级 /下一级