码迷,mamicode.com
首页 > Web开发 > 详细

html简短小结

时间:2015-04-17 13:13:04      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:

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"/>上传文件用的,自己现在用的比较少

html简短小结

标签:

原文地址:http://www.cnblogs.com/xianshui/p/4434379.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!