您的位置:首页 > Web前端 > HTML

html标记

2015-08-23 14:53 507 查看
1、<h1>用于正文标题</h1>(支持六个级别的正文标题,h1 表示最重要的标题,h6表示最不重要的标题)

2、<p>用于段落</p>

3、<blockquote>引用参考文本</blockquote>(包起来的文字,全部往右缩排一单位。)

4、有序列表 <ol>

<li>有序列表</li>

<li>有序列表</li>

<li>有序列表</li>

</ol>

5、无序列表、

<ul>

<li>无序列表</li>

<li>无序列表</li>

<li>无序列表</li>

</ul>

6、定义列表

<dl>

<dt>定义列表</dt><dd>定义列表</dd>

<dt>定义列表</dt><dd>定义列表</dd>

<dt>定义列表</dt><dd>定义列表</dd>

</dl>

7、预编排 <pre>保持文本原来的格式</pre>

8、分区块文本 <div>可以包含段落、标题、表格等</div>

9、跨越多个字符(行内元素) <span>保持同行,一行并排显示</span>

10、特殊字符(实体)  (空格) <(<) >(>) ©(©) ®(®) &(&) —(—)

11、创建超链接 <a href=""></a>

<!--创建锚点,用于跳转及a的常见运用-->

<a href="1.html" title="超链接" name="clj" accesskey="C" tabindex="1">创建超链接快捷键<b>C</b></a>

<a href="总结.html#clj">转到创建超链接</a>

12、在网页中显示图片 <img src="" alt=""/>

13、插入多媒体 <object data="" type=""></object>

14、表格 <tr></tr>表行 <td></td>表每行的数据单元 <th></th>表示列标题

border="1"边框属性

<td rowspan="2"></td>跨2行 <th colspan="2"></th>跨2列

<table>

<tr>

<td></td>

</tr>

</table>

<table>

<tr>

<th></th>(列标题)

</tr>

</table>

15、在网页中插入其它网页 <iframe src="URL" frameborder="0"></iframe>

<iframe src="2.html" width="200" height="200" name="wy" scrolling="yes" frameborder="1"></iframe>

分析:

<iframe src="2.html" width(内部框架区域的宽度)="200" height(内部框架区域的高度)="200"

name(内部框架区域的名称)="wy" scrolling(指定区域显示不完时的流动选项 tuto/yes/no)="yes"

frameborder(区域边框的宽度0/1)="1"></iframe>

16、表单

a、基本格式:<form action="表单数据处理程序的URL" method="get/post(较为安全)" accept-charset="可以使用的字符集列表" enctype="表单数据的内容类型" name="" id=""></form>

b、表单中的输入控件

<input type="text"/>输入文本框

<input type="password"/>密码输入框

<input type="checkbox"/>复选框

<input type="radio"/>单选框

<input type="hidden"/>隐藏文字

<input type="file"/>文件上传控件

<input type="submit"/>提交按钮

<input type="reset"/>重置按钮

<input type="button"/>命令按钮

<select name="" id="" >下拉列表

<option value="" selected="selected">被选中状态</option>

</select>

<textarea name="" id="" cols(宽)="30" rows(高)="10">文本框

</textarea>

17、表单中其它元素及属性

a、label 文本标签元素(经常与input连用 label 中的 for 值 与 input 中的 id 值 相等)

<label for="相关标记的ID,就是INPUT中的ID名">男</label>

<input type="radio" id="相关标记的ID,就是INPUT中的ID名"/>

<label for="女">女</label>

<input type="radio" id="女"/>

b、Tab次序和键盘快捷键

<label for="Fist"><u>F</u>irstName:</label>

<input type="text" id="Fist" size="30" value="" tabindex(按TAB时,输入字段选择顺序)="3" accesskey(键盘快捷键)="F"/>

c、防止改变字段内容

<label for="OID">订单编号</label>

<input type="text" id="OID" size="12" value="1234" readonly(不能修改,只能读)="readonly"/>

<label for="price">订单总价</label>

<input type="text" id="price" size="12" value="" disabled(不可用,变灰)="disabled"/>

d、 fieldset和legend

<fieldset>(在被包含元素周围显示一个细边框盒子)

<legend>性别</legend>(在盒子上加一个标题)

<label for="相关标记的ID,就是INPUT中的ID名">男</label>

<input type="radio" id="相关标记的ID,就是INPUT中的ID名"/>

<label for="女">女</label>

<input type="radio" id="女"/>

</fieldset>

18、块级元素及内嵌元素

a、块级元素:定义的文本是换行的

div(分区,分块) 、blockquote(引用文本) 、dl(定义列表) 、ol (有序列表)、ul (无序列表)、fieldset (表单内相关元素分组)、form(表单) 、h1-h6(文本标题) 、hr (水平线)、p (段落)、pre(保持原来的格式不变) 、table(表格)

b、内嵌元素:不换行

span (行内元素)、a (超链接)、img(图片) 、label (文本标签)、所有表单输入元素、 iframe(插入网页) 、object(插入Flash)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: