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

html

时间:2015-04-02 20:53:42      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:

网页三部分:HTML CSS JavaScript
 一、body
bgcolor:背景颜色      background:设置背景图片
二、标签
1、格式标签
<font face="字体名称" color="颜色" size="大小"></font>
<b></b>加粗   <strong></strong>
<i></i>倾斜    <em></em>
<u></u>下划线
<br>回车  <pre></pre>
<center></center>居中
转义:
&nbsp;空格
&lt;小于号<
&gt;大于号>
&amp:将转义符在页面上显示出来&
&copy;©
2、内容容器
<h1></h1>........<h6></h6>   标题的特点加粗、自动换行、独立一行
<p></p>  段落标签、独立一段 默认情况下段落前后都会有一行的空白
<div></div>区域标签、层标签、划分网页区域 进行网页布局  特点:前后换行
<span></span>

<ul></ul>  无序列表标签
<ol></ol>  type修改 有序列表标签
<li><li>   列表项标签,用来放在ul或ol里面的
(一)常用标签
1、超链接             
<a href="超链接路径"  target="_blank"--打开一个新的页面原页面不关闭>超链接显示的内容</a>
书签:锚点
(1)定义书签<a name="书签名">内容</a>
(2)定义超链接<a href="#书签名">超链接文字</a> 如不在同一页面在#前面加页面名
2、图片
<img src="路径图片" width="宽" height="高" alt="文字" />
3、图片超链接
<a href="超链接路径"><img sre="图片路径"></a>
(二)表格

<table></teble>表示一个表格的开始到一个表格的结束
width:宽  像素  百分比
border:边框的宽度
bgcolor:背景色
background:背景图
cellpadding="字的边距"
cellspacing="表格里的间距"
align="center"居中 表格在页面中的对齐方式

<tr></tr>  一行
bgcolor:背景色
align="center"这一行中文字的对齐方式
height:高度,一般是像素,也可设百分比。

<td></td>  一格
bgcolor:背景色
align:水平对齐
valign:竖直对齐
width:宽
height:高
colspan:跨列      合并单元格时,要算好格数 
rowspan:跨行
(三)表单
所有表单元素都具有的属性:id, name, disabled
<form id="" name="" action="指定一个路径" method="提交方式"></form>
1、文本类
单行文本框:<input id="" name="" type="text" value="文本框中的值"/>输入 类型
多行文本框:<textarea id="s" name="s" rows="行数" cols="字符宽度">内容</textarea>
密码框:<input id="" name="" type="password" value=""/>
隐藏域:<input id="" name="" type="hidden" value=""/>
2、按钮类
普通按钮:<input id="" name="" type="button" value="按钮上的文字"/>
提交按钮:<input id="" name="" type="submit" value="按钮上的文字"/>
重置按钮:<input id="" name="" type="reset" value="按钮上的文字"/>
图片按钮:<input id="" name="" type="image" src="图片路径" width="宽" height="高"/>
3、选择类
单选:
<form action="" method="get">
     <input id="" name="组名" value="不显示可运算"  checked="checked 默认选中第一个" type="radio" disabled="disabled 不可选"/>
     <label for="指向id可点文字选择">内容</label表示标签> </form>  name值一样表示一组  
复选:
 <input id="" name="" value="" type="checkbox" disabled="disabled"/>
列表:
下拉列表
 <select选择 id="" name="">
  <option选项 value="">内容</option>
 </select>
 列表:
 <select选择 id="" name="" size="值大于1" multiple="multiple"可多选>
  <option选项 value="">内容</option>
 </select>
文件:
 <input id="" name="" type="file" />上传

html

标签:

原文地址:http://www.cnblogs.com/LCL390/p/4388233.html

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