20150417 HTML
HTML 内容(Hyper Text Markup Language, 超文本标记语言)
CSS 网页美化
Javasecript 脚本语言
常规标记
一、格式标签
模版:word工具栏
<font color="" face="" size=""></font>//控制字体
<b></b>//字体加粗<i></i>//倾斜<u></u>//下划线<strong></strong>//字体加粗 强调语气
<br/>//换行,相当于回车
二、内容标签
模版:新闻页面
<p></p>//段落<h1></h1>.....<h6></h6>//标题<span></span>//层标签
<ol></ol>//有序标签<ul></ul>//无序标签<li>内容</li> "../"表示上级目录"./"表示当前目录
常用的标签
一、超链接
<a href="超链接地址" target="-blank">超链接文字</a> -blank//在新窗口打开
标签<a name=""></a>
二、图片
<img src="图片地址" alt="显示文字" width=""/>
三、图片超链接
<a><img/><a/>
表格
主要用来布局。
<table><tr><td></td></tr></table>
1.<table>的属性:
必须的四个属性:
width,border,cellpadding,cellspacing
通用的四个属性:
bgcolor,background,align,valign
width:960px 980px
2.<tr>的属性:
通用的四个属性:
bgcolor,background,align,valign
height:
3.<td>的属性:
通用的四个属性:
bgcolor,background,align,valign
布局的两个属性:
width,height
合并的两个属性:
colspan,rowspan
技巧:如何做出单线的表格来?
思路:把<table>设上背景色,再把table的单元格间距拉开1个像素。为每个tr设上背景色,就会把table背景色给漏出来。
1.设置table标记的背景色。
2.把table的border=0,把cellspacing=1
3.把每个tr的背景色设置上。
技巧:复杂页面的布局?
思路:多表格嵌套,尽量少用单元格的合并。
固定1个维度。
表单
<form action="" method="">上行数据
id-不能重。主要是给css,js等客户端代码调用准备的。
name-可以重。主要是给asp.net,asp,php,jsp等服务端技术调用准备的。
一、按钮类:input
type:button,submit,reset,image
<input id="" name="" type="button" value="这是个普通按钮"/>
<input id="" name="" type="submit" value="这是个提交按钮"/>
<input id="" name="" type="reset" value="这是个重置按钮"/>
<input id="" name="" type="image" src="图片按钮上的图片路径"/>
二、文本类:
<input id="" name="" type="text" value=""/>
<textarea id="" name="" rows="行数" cols="列数"></textarea>
<input id="" name="" type="password" value=""/>
<input id="" name="" type="hidden" value="">
(三)选择类:
<input id="" type="radio" name="组名"/>
<input id="" type="checkbox" name="组名">
<select size="n">
<option value="每一面对应的值">每一项显示的内容</option>
</select>
<input id="" name="" type="file"/>