Html标签杂记
一、基本框架
<html>
<head>
<title> </title>
</head>
<body>
</body>
</html>
二、基本信息标签
解决中文乱码
在<head></head>中加入<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
标题标签<h1
align="left/center/right" > 标题文字 </h1>
水平分割线<hr align="left" size="5" width="3%" color="red" noshade="noshade" />
注：noshade ：设置线条为平面显示（没有三维效果），若缺省则有阴影或立体效果。
定义段落<p style=color:red align=center> 会自动在其前后留一些空白</p>
换行<br />
字体<font size="4" color="red"></font>
三、图片相关标签
插入图片
<img src="地址" width="100" height="100" hspace="设定图片边沿空白" vspace="设定图片上下的空间" border="2" alt="hello world" (图片无法显示时的替代文本) align="top(上对齐)\middle(居中)\bottom(下对齐)\left\right" />
图片超链接只需将<img>放入<a></a>之间
四、列表标签
1.列表标签(表之间可嵌套)
有序
<ol type="1/A/a/罗马数字" start="编号开始的数字">
<li value="改变数字"></li>
</ol>
空格 在显示处输入 
无序
<ul type="disc(实心圆)/circle(空心圆)/square(方块)">
<li type="disc"></li>
</ul>
定义列表
<dl>
<dt>名称 </dt><dd>说明</dd>
</dl>
2.链接标签
超链接
<a href="要链接的地址" target="_blank(在新窗口打开)/_self(替换当前页面打开)" title="链接对象的题目">超链接名称</a>
书签链接
<a href="#书签名称" target="窗口名称">超链接标题名称</a>（在需要跳转的地方加上<a name= "定位标记名">）
ftp链接<a href="ftp://ftp 主机地址">文字链接</a>
五、表格类标签
表格标签(嵌套)
<table>(定义表)
<tr>(定义行)
<th>标题粗体表示</th>
<td>定义单元格，一般字体</td>
</tr></table>
标签内置属性
<table border="5" (边框宽度) bordercolor="边框颜色" align="center" bgcolor="行背景色" width="20%" height="200" bordercolorlight="行的亮边框颜色" bordercolordark="行的暗边框颜色" cellspacing="4"(单元格之间的空白) cellpadding="8"(单元格与其内容之间的空白)>
<tr align="center" valign="top/middle/bottom(垂直)" bgcolor="red" bordercolor="red" bordercolorlight="red" bordercolordark="red">
单元格<td>属性说明
width/height 单元格的宽和高，可以绝对值（如 50）或相对值（如 50%）
Colspan=1单元格向右跨的列数
Rowspan=1 单元格向下跨的行数
<td align="left/center/right">对其方向
表头
<th align="top/middle/bottom">
六、表单标签
1.表单
<form name="表单名" action="请求路径" method="get/post" target="_blank(空白窗口/_parent(父级窗口)/_self(当前窗口)/_top(顶层窗口) " enctype="输出编码方式(可不管) ">表单具体内容</form>
可以给表单指定一个id名称，别的元素可以从属于这个表单。<form action="" id="testform">
可以给所有的提交按钮加一个formaction属性，使提交到不同页面
<form action="serve.php" id="testrorm">
<input type="submit" value="v3" name="s1" formaction="s3.asp" >提交到S3</input>
Placeholder加入到form属性内处于未输入状态并且未获取焦点时，模糊显示输入提示文字。<input type="text" placeholder="默认文字" />
2.输入域标签
单行文本框
<input type="text" name="控件名称" size="控件长度，默认20个字符" maxlength="最长输入字符数" value="初始值" readonly(是否只读) disabled(是否可用)>
密码文本框
<input type="password" name="控件名称" size="控件长度" maxlength="最长输入字符数" value="初始值">
单选按钮
<input type="radio" name="控件名称(名字相同是一组)" value="单选按钮的取值" checked(初始时被选中)>
复选按钮
<input type = "checkbox" name = "english" value = "english">英语</input>
图像化按钮
<input type = "image" src = 图像文件地址 name = 控件名称>
文本上传
<input type = "file" name = 控件名称>
3.下拉列表标签
<select name ="控件名称" size ="显示的项数" multiple>
<option value ="选项值 1" selected>显示内容 1</option>
<option value ="选项值 2">显示内容 2</option>
</select>
Multiple表示可多选
4.多行文本框
<textarea name="控件名称" value="初始值" rows="行数" cols="列数"></textarea>
5.按钮标签
<button type="button/reset/submit>
七、其余标签
桌面背景<body background="图片地址">
动态文字
<marquee direction="left/right/up/down" behavior="scroll(循环滚动)/slide(只滚动一次)/alternate(来回交替滚动) " loop="循环次数(默认-1，无限次) " scrollamount="滚动速度" scrolldelay="时间间隔" bgcolor="背景颜色" width="背景宽度" height="背景高度" hspace="水平间隔" vspace="垂直间隔">滚动的字幕</marquee>
插入多媒体
<embed src="多媒体文件地址" width="播放界面宽度" height="播放界面高度" autostart(是否自动播放,默认否)= "true/false" loop="true/false(重复播放次数,true无限) " starttime="分:秒"(“00:10”) hidden="true(隐藏控制面板) " />
浙公网安备 33010602011771号