HTML
1 文件标签
<html></html>根标签
<head>
<title></title>:页面标题
</head>
<body></body>: 内容
属性:text: 文本颜色 background 背景图片 bgcolor 背景颜色
颜色三种表达方式
(1) 单词 (2)rgb三元色 reg(0, 0, 0) (3) #000000
2 排版标签
换行:<br>
段落:<p></p> 特点:段之间有空行 属性: align 对齐方式
水平线:<hr> 属性:width 长度 size 粗度 color 颜色 align对齐方式
尺寸写法 (1)像素: 10px (2)百分百
3 块标签
<div></div>行级块标签 <span></span>行内块标签
4 文字标签
字体 <fond></fond> 属性:color 颜色 size 大小(1--7 默认3) face 字体类型
标题 <h1></h1>--<h6></h6> 加粗 占一行
5 清单标签
无序列表<ul></ul> 属性:type(disc square circle) 列表项 <li></li>
有序列表<ol></ol> 属性:type(A a 1 I i 字母数字罗马数字) start 数字,代表首项开始位置
<ul >
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
</ul>
<ol>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
</ol>
6 图形标签
<img/> 属性:src 地址 width 宽度 height 高度 border 边框 align 对齐方式(top middle bottom) alt 图片文字说名
7 链接标签
<a></a> 属性:href跳转页面地址 name名称 锚点 target(_self自己默认 _blank新页面)
访问锚点:回到锚点(顶部、底部、中间) #name
8 表格标签
表格 <table></table> 属性 border边框 width宽度 align对齐 bgcolor背景色
标题<caption></caption>
行 <tr></tr>
单元格 <td></td> 属性 colspan:列合并 rowspan行合并
表头<th></th>:相等与<td>内置加粗居中
<table>
<tr><!--行-->
<th>表格标头</th>
<td>普通单元格</td>
</tr>
</table>
9 表单标签
form标签<form></fom>属性:name 名称 action 提交地址 method 提交方式(post get)
<form>
<table>
<!--form里面嵌套table-->
</table>
</form>
input标签<input type=” ”/>
Text:文本输入框 name value
Password:密码输入框 掩码
Radio:单选按钮 name互斥按钮name相同 提交value值 checked 默认选中
File:上传文件
Button: 普通按钮
Submit: 内置功能 按action地址提交
Reset: 重置 清空填写内容
Image: 图片按钮 功能类似submit src图片地址 alt文字提示
10 下拉菜单
Select标签<select></select>属性:名称
Option标签 可选项属性: value 值 selected默认选中
<select name="city">
<option value="bj">北京</option>
<option value="sh">上海</option>
<option value="gz" selected="selected">广州</option>
</select>
11 文本域标签
Textarea标签<textarea></textarea>属性: cols行数 rows列数 默认文本在标签体
12 框架标签
Frameset 属性: rows 按行划分 cols 按列划分 rows="120,*"
Fram 属性: name:名称,方便target根据name值进行定位
13 特殊字符
空格 > 大于号 < 小于号 © 版权符号 ® 注册符号
HTML总结
最新推荐文章于 2021-06-27 23:22:09 发布