标签:
HTML Hyper Text Markup Language - 超文本标记语言。
一、常规标记 (一)格式控制(主要的几个格式控制) 模型:Word工具栏 <font color="" size="" face=""></font> <b></b>(或<strong></strong>)加粗 <i></i>(或<em></em>)倾斜 <u></u>下划线 <strike></strike>删除 <br>换行
(二)内容容器 模型:新闻页面 <h1></h1>....<h6></h6>字体大小由大到小 <p></p>分段落,里边的内容为一段 <ol></ol>有序的列表 <ul></ul>无序的列表 <li></li> <div></div>分层(布局用。默认占一行) <span></span>分层(默认占一行)
二、两个最常用的标记 1.超链接 <a></a> 超链接:<a href="链接地址、网页">显示内容</a> 路径:../ ./ ../../ 书签:<a name="">内容</a> <a href="目标连接的name的值(上边写的a里边的name属性)"></a> 2.图片 <img src="图片地址" width="" height="" alt="无法在图片地址链接到相应图片时,显示的文字" title="鼠标移动到该图片时,显示的文字"/> 3.图片超链接 <a><img border="0" /></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>下拉菜单,用multiple="multiple"可多选,放在select里的属性
<input id="" name="" type="file"/>上传文件用的,自己现在用的比较少
标签:
原文地址:http://www.cnblogs.com/xianshui/p/4434379.html