初学html,将一些常用的记录下,以后用到方便复习和补充(现阶段不完整)
开头区域
| 标签名称 | 常见属性 | 备注 |
|---|
<!DOCTYPE ...> | html5直接<!DOCTYPE html> | 告知浏览器文档使用哪种 HTML 或 XHTML 规范 |
<html lang="en"> | en:定义页面语言为英语。zh-CN:定义页面语言为中文。 | 用于指定页面的语言类型 |
head区域
| 标签名称 | 常见属性 | 备注 |
|---|
| meta | charset;name;http-equiv;content | 基本的配置项目:字符集 charset,视口 viewport,定义“关键词”,定义“页面描述”等等 |
| title | | 设置网页标题 |
| base | href | 指定基础的路径 |
| style | | 写css |
| link | rel;type;href | 定义文档与外部资源的关系 |
| script | | 写js |
body区域
排版标签
| 标签名称 | 常见属性 | 备注 |
|---|
<h1>-<h6> | | |
<p> | align | |
<hr /> | align;size;width;color;noshade | 水平线 |
<br /> | | 换行 |
<div> | align | |
<span> | | |
<center> | | 内容居中(已废弃) |
<pre> | | 预定义(几乎不用) |
字体标签
| 标签名称 | 常见属性 | 备注 |
|---|
<u> | | 下划线标记 |
<s>或<del> | | 中划线标记(删除线) |
<i>或<em> | | 斜体标记 |
<b>或<strong> | | 粗体标签(已废弃) |
<font> | | 字体标签(已废弃) |
<sup>和<sub> | | 上标和下标 |
<a> | href;target;name;title | |
图片标签
| 标签名称 | 常见属性 | 备注 |
|---|
<img /> | src;alt;width;height;title;align | |
列表标签
| 标签名称 | 常见属性 | 备注 |
|---|
<ul> | type | 无序列表 |
<ol> | type | 有序列表 |
<li> | | 列表项 |
<dl> | | 定义列表 |
<dt> | | 定义列表标题 |
<dd> | | 定义列表项 |
表格标签
| 标签名称 | 常见属性 | 备注 |
|---|
<table> | border;style="border-collapse:collapse;";width;height;bordercolor;align;cellpadding;cellspacing;bgcolor;background;bordercolorlight;bordercolordark;dir(ltr,rtl) | 表格 |
<tr> | dir;bgcolor;height;align;valign | 行 |
<td> | colspan;rowspan;align;valign;width;height;bgcolor;background | 列(单元格) |
<th> | | 加粗单元格即td+b |
<caption> | align | 表格标题,与tr并列 |
<thead> | | 按照thead、tbody、tfoot的顺序依次来显示内容 |
<tbody> | | |
<tfoot> | | |
框架标签
framset和body只能2选1,iframe是body的子标记
| 标签名称 | 常见属性 | 备注 |
|---|
<frameset> | rows;cols | 框架的集合 |
<frame> | scrolling;noresize;bordercolor;frameborder(0,1);name | 框架 |
<iframe> | src;width;height;scrolling;name | 内嵌框架 |
表单标签
| 标签名称 | 常见属性 | 备注 |
|---|
<form> | name;id;action;method | 表单标签 |
<input> | type;value;size;readonly;disabled | 输入标签 |
<select> | multiple;size | 下拉列表 |
<option> | selected | select里的每一项 |
<textarea> | rows;col;readonly | 多行文本输入 |
<label> | for | 关联input元素 |
intput的type属性值
- text(默认)
- password:密码类型
- radio:单选按钮
- checkbox:多选按钮
- checked:将单选按钮或多选按钮默认处于选中状态。
- hidden:隐藏框
- button:普通按钮
- submit:提交按钮
- reset:重置按钮
- image:图片按钮,和提交按钮的功能完全一致
- file:文件选择框