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

html基础

时间:2014-08-24 22:02:23      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:os   io   strong   文件   for   数据   ar   div   cti   

HTML基础标签:

   h1-h6,定义正文的标题大小! 数字越小标题越大。   p定义的是一个段落。 

 blockquote将段落进行缩进,使其与周围的文字偏离!  <ul><li></li></ul>定义的是无序列表。 <ol><li></li></ol>定义的是有序列表。

<dl><dd><dt></dl>自定义的列表,dt是名称,dd是内容。     pre  定义预编排文本(在html文档中保持文本原来的格式,)。

&nbsp;空格符号,&lt;左尖括号,&gt;右尖括号,&copy;版权符号,&reg;已注册符号,&amp;and符号,&#151;长破折号, 等特殊符号。

a是创建一个超链接,href是连接时的路径。img在网页中显示图片,src是选择那张图片。

<table><tr><td></td></tr></table>这是在网页中建立一个表格,。 tr行的标签,td是列的标签,rowspan合并行,colspan合并列,borser表格的边框,

padding边距。

iframe是内联框架,src是指笤俑的外部网页文件路径,width、height是内部框架区域的宽度与高度,

HTML表单:

form标签表示在网页里面建立了一个表单!form里面必须有action属性和method属性,

<form>标记的其它属性
paccept-charset
paccept
penctype
pname和id。
p用来创建HTML输入控件的元素有三种:
üinput:
Øtype
üselect和option:创建一个下拉列表。
ütextarea:多行输入的文本框。
type=text是文本输入框!type=password是口令输入框,type=adio是单选按钮,type=checkbox是复选框,type=file是传输文件,<select><option></option></select>建立一个下拉列表,<textarea rows=   cols=>这是建立一个多行输入文本框,rows文本框显示几行,cols文本框显示几列。
type=submit 定义一个提交按钮,type=reset定义一个重置按钮!
 
隐藏字段:
type=“hidden”
属性
name
value
<form id="myForm" name="myForm" action="#" method="post">
  <input type="hidden" id="e-mail" value="me@mysite.com" />
<p>:<input type="text" id="firstname" size="30" maxlength="25" /></p>
<p>:<input type="text" id="lastname" size="30" maxlength="25"/></p>
<p>口令:<input type="password" id="passwd" size="30" maxlength="25" /></p>
  </form>
辅助的元素和属性
Label
fieldset和legend元素
防止改变字段内容
在文本框增加一个readonly属性,可以防止修改文本框中的数据
disabled属性可以使输入控件不可用
二者区别
<form id="myForm" action="#" method="post">
  <p>
<label for="oID">订单编号:</label>
  <input type="text" id="oID" size="12" value="X1248" readonly="readonly" />
</p>
<p>
<label for="price">订单总价:</label>
<input type="text" id="price" size="12" value="" disabled="disabled" />
</p>
</form>

 

html基础

标签:os   io   strong   文件   for   数据   ar   div   cti   

原文地址:http://www.cnblogs.com/yuancheng1/p/3933412.html

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