HTML 超文本标记语言 (Hyper Text Markup lauguage)
一、常规标记
(一)格式控制标签(word 栏)
<font face="" size="" color=""></font>(字体,大小,颜色)
<b></b>(加粗)
<i></i> (倾斜)
<u></u>(下划线)
<center></center>(居中)
<br/>或者<br>(换行)
<hr/> (分割线)
......
(二)内容容器标签(新闻页面)
<h1></h1>......<h6></h6>(标题)
<div>内容</div>(层)
<span></span>(前后不换行)
<ul><li></li></ul>
<ol></ol>
<p></p>(段与段之间空行)
二、两个最常用的标记
1.超链接
<a></a>
超链接:<a href="" targe="_blank/_self">显示内容</a>
书签:<a name="">内容</a>
./ 当前目录
../ 上级目录
../../ 上级的上级
2.图片
<img src="" width="" height="" alt="文字"/>(alt 是在图片不显示的时候 才出现)
3.图片超链接
<a href=""><img src=""/></a>
<a><img border="0"/><a>(去掉超链接下面的蓝色线)
三、表格(主要是用来布局的)
<table><tr><td></td></tr></table>
(对应电子表格)
(一)<table>属性
必须的四个属性:width,border(颜色,像素,线条形状),cellpadding(内容跟单元格边框的距离),cellspacing(单元格之间的距离)
通用的四个属性:bgcolor(背景颜色),background(背景图片),align(水平对齐),valign(垂直对齐)
注意:常用网页的宽度 width:960px,980px.
(二)<tr>属性
通用的四个属性
没有宽度了,可以设height:
(三)<td>属性
通用的四个属性
width,height:
合并的两个属性:
colspan="n"(合并同一行单元格)
rowspan="n"(合并同一列单元格)
小技巧:如何做出单线的表格?
把<table>设置背景颜色,再把<table>单元格间距拉开1px的距离,为每个tr设上背景颜色,就会把背景颜色露出来。
1.设置table标记的背景色
2.把table的border=0,把cellspacing=1px
3.把每个tr的背景色设置上。
技巧:复杂页面的布局
思路:多表格的嵌套,尽量少用单元格的合并。
固定一个维度:例 8行1列或者8列1行,再在里面布局。
四、表单
<form method="" action="" id="" name=""></form>
id---不能重,主要是给CSS,JS 等客户端代码调用准备的,
name---可以重复,主要是给 asp.net,asp,php,jsp等服务端技术调用的。
1.按钮类(input)
type:button,submit,reset,image
<input type="button" value="这是一个普通按钮" id="" name=""/>
<input type="submit" value="这是一个提交按钮" id="" name=""/>
<input type="reset" value="这是一个重置按钮" id="" name=""/>
<input type="image" src="图片地址" id="" name=""/>
2.文本类
<input type="text" value="这是单行文本里的内容" id="" name=""/>
<textarea rows="行数" cols="列数" id="" name="">这是多行文本框里面的内容</textarea>
<input type="password" vaule="默认的密码值" id="" name=""/>
<input type="hidden" value="" id="" name=""/>
3.选择类
<input type="radio" id="" name="组名" checked="checked" value=""/>单选按钮组
<input type="checkbox" name="组名" id="" checked="checked" value=""/>复选框组
<select>
<option value="每一面对应的值">每一项显示的内容</option>
<option value="" selected="selected">内容<option> ----selected,设为默认选项
</select>
<input type="file" id="" name="" /> 上传文件
五、框架
frameset 和 iframe 不用了解。