html超文本标记语言
html基本框架
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>
<body>
</body>
</html>
特点
- 标签用<>组成的标记
- 一般成对出现,在之间放入内容<标签开始>,
基本标签
<p>段落,自动空行</p>
<hr/>:单行横线
换行</br>
<h1>标题,1到6,依次减小</h1>,<h6>
字体:<b>粗体</b>,<i>斜体</i>,<del>删除</del>,<q>引用</q>,<sub>下标</sub>,其他
<a herf=”链接”target=”在什么窗口打开,如_self”>链接</a>
<img src=”图片位置,相对和绝对路径”alt=”图片显示失败替换的文字”/>
表格:<table><th>表头</th><tr>表行</tr><td>表单元</td></table>
常用属性:border:边框宽度 clospan:跨列单元 rowspan:跨行单元 cellpadding :规定单元边沿与其内容之间的空白 cellspacing 规定单元格之间的空间
列表:<ul><li>无序,表项</li></ul> <ol><li>有序,表项</li></ol> <dl><dt>定义词</dt><dd>定义描述</dd></dl>
颜色及背景:bgcolor:背景色 #FF0000 rgb(255,0,0) red
属性值:具体 百分比
- flash:
<object CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" WIDTH="100" HEIGHT="100" CODEBASE="http://active.macromedia.com/flash4/cabs/ swflash.cab#version=4,0,0,0">
<embed src=”flash文件名,位置”width=”300” height=”200”></embed>
</object> 只用设置embed里的参数
<audio controls=”controls”>
<source src=”文件名字wy.mp3” type=”类型audio/mp3”>
</audio>
<video controls=”controls”>
<source src=”文件名字wy.mp4” type=”类型video/mp4”>
</video>
表单
<form name=”名字” action=”向何处发送表单数据” method=”get方法类型”></form>
- 文本输入:
单行文本:<input type=”text” name=”名字”>
多行文本:<textarea name=”名字”rows=”高度”cols=”宽度”></textarea>
密码框:<input type=”password” name=”名字”>
每个控件name不同用于服务器识别
+ 单项按钮:<input type=”radio” checked=”checked”(默认选择,只有一个按钮有) name=”名字,同一组按钮相同”value=”值”/>
+ 下拉列表:
<select name=”name”>
<option value=”值”selected=”selected”(默认选择,只有一个)></option>
</select>
+ 多选按钮:<input type=”checkbox” name=”名字”>
- 文件上传:
<input type=”file” name=”名字”accept=”.gif, .pong文件筛选器”>
- 提交:
<input type=”submit” value=”提交,按钮显示的字”>
- 边框控件:
fieldset 元素可将表单内的相关元素分组
<fieldset>
<legend>为 fieldset 元素定义标题</legend>
</fieldset>