html 元素
规范:小写
<html></html>
定义整个html文档
<body><body>
主体
<p></p>
段落
<h></h>
标题 可从h1-h6,上下自动空行
没有内容的 HTML 元素被称为空元素,空元素在开始标签中关闭。
<br>
换行 适应未来,使用<br/>
<hr/>
水平线
<!-- -->
注释
标签 | 描述 |
---|---|
<code> |
计算机代码文本 |
<kbd> |
键盘文本 |
<samp> |
计算机代码示例 |
<var> |
变量 |
图像
<img src="url" alt="" align="" width="" height="">
图像来源,替换文字,在文本中对齐方式(默认bottom,middle,top,lefy,right),图像尺寸
<body background="url">
图像背景
表格
每个表格由 table 标签开始
每个表格行由 tr 标签开始
每个表格数据由 td 标签开始
空单元格
colspan跨列
rowspan跨行
frame(box,above,below,hsides,vsides)
cell padding单元格边距
cell spacing单元格间距
<th>
表头
<table>
表格
<caption>
表格标题
<tr>
表格的行
<td>
表格单元
<thead>
表格的页眉
<tbody>
表格的主体
<tfoot>
表格的页脚
<col>
用于表格列的属性
<colgroup>
表格列的组
列表
无序始于<ul>
,列表项始于<li>
<ul>
type(disc,circle,square)
有序始于<ol>
,列表项始于<li>
<ul>
type(a,A,i,I)
自定义始于<dl>
,列表项始于<dt>
,列表项定义始于<.dd>
表单
<form>
<input>
type属性:text ,常规文本输入;password,密码;radio,单选按钮输入(选择多个选择之一);submit ,提交按钮(提交表单);button;number;date;;month;week;time;color;range;email;search。
<fieldset>
组合表单
<select>
下拉列表,option用选项,通过selected预选择
<datalist>
为 <input>
元素规定预定义选项列表
属性
value初始值
readonly只读
disabled禁用,不会被提交
size尺寸
maxlength允许的最大长度
placeholder描述输入字段预期值的提示
required必填
属性
名称/值,在开始标签中规定
小写
属性值应该始终被包括在引号内。双引号是最常用的,使用单引号也ok。
在某些个别的情况下,比如属性值本身就含有双引号,那么必须使用单引号
- 链接由
<a>
定义,地址在herf属性中指定,target="_blank"
可以在新窗口打开,#加上锚的名称
<a href="http://www.baidu.com">This is a link</a>
<h1 align="center">
拥有关于对齐方式的附加信息<body bgcolor="yellow">
拥有关于背景颜色的附加信息,属性值可以是十六进制数、RGB 值或颜色名<table border="1">
拥有关于表格边框的附加信息
style< style="background colour:red">
< style="font-family:arial;color:red;font-size:20px;">
< style="text-align:center">
文本格式
<b></b>
bold粗体
<strong></strong>
strong加重
<big></big>
big大号
<em></em>
emphasized斜体,着重
<i></i>
italic斜体
<small></small>
small小号
<sub></sub>
subscript下标
<sup><sup>
superscript 上标
<pre></pre>
预格式文本保留空格和换行,适合代码
<abbr title="etcetera">etc.</abbr>
缩略
<acronym title="world wide web">www</acronym>
首字母缩写
<del></del>
删除文本
<ins></ins>
下划线文本
<blockquote></blockquote>
长引用
<q></q>
短引用
<cite></cite>
著作的标题斜体
<address></address>
文档或文章的联系信息
颜色
除aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow外用16进制
颜色名表
声明
<!DOCTYPE HTML>
HTML5的声明
响应式设计
框架
<frameset>
cols(columes)垂直框架,rows水平框架,可规定占据面积比例
noresize="noresize"
边框不可拖动
<iframe src="url"><iframe>
width,height,frameborder(=0移除边框)
链接的 target 属性必须引用 iframe 的 name 属性
head
<title>
<base>
为页面上的所有链接规定默认地址或默认目标
<link>
<style>
<meta>
(metadata)
<script>