URL
type
status
date
slug
summary
tags
category
icon
password
…
开头区域
标签名称 | 常见属性 | 备注 |
<!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:文件选择框
多媒体标签
标签名称 | 常见属性 | 备注 |
<bgsound> | src;loop | 播放背景音乐 |
| | | | ㅤ | ㅤ |
| | | | ㅤ | ㅤ |