html常用标签及属性

741 阅读2分钟

初学html,将一些常用的记录下,以后用到方便复习和补充(现阶段不完整)

开头区域

标签名称常见属性备注
<!DOCTYPE ...>html5直接<!DOCTYPE html> 告知浏览器文档使用哪种 HTML 或 XHTML 规范
<html lang="en">en:定义页面语言为英语。zh-CN:定义页面语言为中文。用于指定页面的语言类型

head区域

标签名称常见属性备注
metacharset;name;http-equiv;content基本的配置项目:字符集 charset,视口 viewport,定义“关键词”,定义“页面描述”等等
title设置网页标题
basehref指定基础的路径
style写css
linkrel;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>selectedselect里的每一项
<textarea>rows;col;readonly多行文本输入
<label>for关联input元素

intput的type属性值

  1. text(默认)
  2. password:密码类型
  3. radio:单选按钮
  4. checkbox:多选按钮
  5. checked:将单选按钮或多选按钮默认处于选中状态。
  6. hidden:隐藏框
  7. button:普通按钮
  8. submit:提交按钮
  9. reset:重置按钮
  10. image:图片按钮,和提交按钮的功能完全一致
  11. file:文件选择框