Html标签整理

特殊字符:

 空格 <小于 >大于 &&
©版权 ™商标    

 

排版标签:

段落标签:<p>或<p/>

换行标签:<br>或<br/>

水平线标签:<hr>或<hr/>

属性:align,size(粗细),width(长度),color,noshade

预格式标签:<pre>  作用:令文件按照原始码的排列方式显示。

间隔标签:<div>  作用:设定字、画、表格等的摆放位置。

加粗标签:<b>或<strong>

 

序列标签:

1、有序标记:<ol>

属性:type=”1/a/I” start=”4/c/IV” 

    项目标记:<li>

属性:当是无序时可以有type=“square/dic/circle”

2、无序标记:<ul>

属性:type=“square/dic/circle”

3、自定义标记:<dl>

    条目标记:<dt>

    内容标记:<dd>

表格标签:

<table></table>---------------控制整体表格

属性:主要用来控制整个表格

width--控制此table下所有单元格的宽度

border--表格线的粗细

cellspacing--表格与单元格之间的间隙

cellpadding--单元格格线与文字之间的距离

align--控制整个表格的对齐方式

bgcolor--表格底色

bordercolor--表格边框颜色(好像无效)

<tr></tr>---------------------控制一行

属性:主要用来控制这里一行

align--左右对齐方式

valign--上下对齐方式

bgcolor、bordercolor

<td></td> 或<th></th>------控制一单元格

属性:主要用来控制一个单元格

width、height、align、valign、bgcolor、bordercolor

colspan--打通行

rowspan--打通列

框架标签:

ifram示例:

示例

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">

<title>iframe练习</title>
</head>
<body>
<h1>上方导航条</h1>
<a href="Demo1.html" target="content">下边显示第一页</a><br/>
<a href="Demo2.html" target="content">下边显示第二页</a><br/>
<a href="Demo3.html" target="content">下边显示第三页</a><br/>
<iframe src="Demo1.html" name="content" width="700" height="400"></iframe>
</body>
</html>

注意:iframe里要有一个name属性,用来在超链接里设置target显示的目标。

 

表单标签:

注:利用表格排版。

<form></form>

属性:method—POST(安全)、GET(不安全)

<input tpye=””>

参数:Text、Password、Radio、Checkbox、submit、reset、image、file、hidden、button

卷动选单<select>   卷动选单选项<option>

区域文本<textarea>

属性:cows、rows等

 

其他标签:

<img scr=””>

<bgsound scr=””>

属性:autostart、loop=”n”(重复n次播放)

<embed scr=””>

<a href=””>

超链接标签一重要属性:target: _blank/new, _parent, _self, _top, 框窗名称

<base href=””>

写在头标签中,以后的地址都基于base的地址

<marquee> 跑马灯

Html标签整理,布布扣,bubuko.com

Html标签整理

上一篇:学习笔记--Gruntjs、安装、图文详解


下一篇:.net下将富文本编辑器文本原样读入word文件