Html标签杂记

<html>

<head>

  <title> </title>

</head>

<body>

</body>

</html>

解决中文乱码

在<head>中加入<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

 

<h1 align=left/center/right > 标题文字 </h1>

 

回车换行:<p style=color:red align=center>

 

回车:<br>

 

字体<font color=red></font>

 

水平线:<hr align=left size=5(粗细) 

width=3%(长度) color=red noshade>

注:noshade :设置线条为平面显示(没有三维效果),若缺省则有阴影或立体效果。

 

文字部分

文字方位:<div align=left></div>

 

导航:<a href=”index.html”>home</a>

 

列表部分(表之间可嵌套)

有序:<ol type=1/A/a/罗马数字

start=编号开始的数字>

         <li value=改变数字></li>

</ol>

 

在显示处输入&nbsp,表示空格

无序:<ul type=disc(实心圆)/circle(空心圆)/square(方块)>

       <li type=disc></li>

</ul>

定义列表:<dl>

<dt>名称 </dt><dd>说明</dd>

</dl>

表格(嵌套)

<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>

单元格属性说明

width/height  单元格的宽和高,可以绝对值(如 50)或相对值(如 50%)

Colspan=1单元格向右跨的栏数

Rowspan=1 单元格向下跨的列数

<td align=left, center, right>

<th valign=top, middle, bottom>

Bgcolor 

Bordercolor 

bordercolorlight 

bordercolordark 

Background  单元格背景图片

 

 

超链接

<a href=要链接的地址  target=窗口名称

 title=链接对象的题目>超链接名称</a>

<target=_blank(在一个新窗口打开链接)>

书签链接

<a href="#书签名称" target="窗口名称">超链接标题名称</a>(在需要跳转的地方加上

<a name= 定位标记名>)

ftp链接<a href="ftp://ftp 主机地址">文字链接</a>

 

桌面背景<body background=图片地址>

插入图片<img  src=地址  width=100  height=100  hspace=设定图片边沿空白  vspace=设定图片上下的空间  border=2  alt=”hello world”(在图片位置显示的提示文字)  align=top(上对齐)\middle(居中)\bottom(下对齐)\left\right>图片超链接只需将<img>放入<a></a>之间

 

动态文字

<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/fakse(重复播放次数,true无限) starttime="分:秒"(“00:10”) hidden=true(隐藏控制面板) />

表单

<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="默认文字" />

 

文本控件

单行文本框

<input type="text" name=控件名称 size=控件长度 maxlength=最长输入字符数 value=初始值>

多行文本框

<textarea name=控件名称 value=初始值 rows=行数 cols=列数></textarea>

密码文本框

<input type="password" name=控件名称 size=控件长度maxlength=最长输入字符数 value=初始值>

单选按钮

<input type="radio" name=控件名称(名字相同是一组) value=单选按钮的取值 checked(初始时被选中)>

复选按钮

<input type = "checkbox" name = "english" value = "english">英语</input>

 

 

下拉菜单

<select name = 控件名称>

<option value = 选项值 1 selected>显示内容 1</option>

<option value = 选项值 2>显示内容 2</option>

</select>

 

列表

<select name = 控件名称 size = 显示的项数 multiple>

<option value = 选项值 1 selected>显示内容 1</option>

<option value = 选项值 2>显示内容 2</option>

</select>

Multiple表示可多选

 

图像化按钮

<input type = "image" src = 图像文件地址 name = 控件名称>

 

文本上传

<input type = "file" name = 控件名称>

猜你喜欢

转载自www.cnblogs.com/RainCloudxy/p/10834915.html