HTML常用标签

摘要: web第二天

2016/10/13

HTML标签
⑴<div>标签（区域，块标签，块元素）：占一行,多个<div>在一起，换行显示;
⑵<span>标签（内联元素，行内标签）：不必在新的一行，多个<span>标签在一起，默认同行排列，如果要从新的一行开始，把它变成块元素：
css使用“display：block”；
⑶<p>标签（段落元素）：<p>和</p>之间的内容为一段；
⑷<br>标签（换行标签；break）：将文字，图片强制换行;
⑸<h1>-<h6>（标题标签；headline）：<h1>是一级标题，文字最大，其余文字逐级减小，<h6>逐级减小；
⑹重要文本标签（b，strong，em，i）:<b> <strong>:加粗；<em> <i>：斜体；
⑺<sup>和<sub>标签（上标和下标）：<sup>实现上标文本；<sub>实现下标文本；
⑻<del>和<ins>标签（删除和下划线）：<del>标签是删除线标签；<ins>是下划线标签；
⑼<ul>和<ol>标签(无序和有序标签）[列表项都是<li>，可嵌套]：
<ul>：没有排序，以某种符号为分项标示（属性:disc/circle/square）；
<ol>:有前后顺序之分，多用数字来标示；
<dl>标签（自定义列表标签）【可嵌套】：<dl>是自定义列表标签；<dt>第一列表项（标题）；
<dd>是第二列表项（内容项；）
⑽表格标签：
⒈<table> <tr> <td> <caption> <th>:<table>表示表格标签；
<tr>表示表格的一行；
<td>表示表格的一列;
<caption>表格的表格头，紧随<table>标签之后；
<th>表示表格显示的内容加粗，一般置于列头；
⒉<thead> <tbody> <tfoot>(表头，主体，脚注): <thead>是表头紧随<caption>之后；
<tbody>是表格主题；
<tfoot>是表格脚注；
与html网页格式相同；
⒊colspan和rowspan属性，cellpadding和cellspacing属性：colspan属性是合并左右相邻的单元格
rowspan属性是合并上下相邻的单元格
cellpadding是单元边沿和其内容之间的空白距离
cellspacing是单元格之间的空白距离

⑾表单标签：
⒈<form>标签：<form action="url" method="get/post" enctype="mime"></form>
action是表示提交表单的地址；
method是提交表单的HTTP方式；
enctype是指明用来把表单提交给服务器时互联网的媒体形式；
<form>标签的属性：⑴<input>标签： <input type="类型">表单的基本输入标签；
类型：①text：单行文本框：<input type="text">
②password：密码框：<input type="password">
③radio：单选按钮：<input type="radio" name=“x”> 当name值相同时，只能选一个；
④checkbox：多选按钮：<input type="checkbox">
⑤button：普通按钮：<input type="button" value="x"> x为按钮上显示的字
⑥submit：提交按钮：<input type="submit">
⑦reset：重置：<input type="reset">
以下HTML5（手机端常用）新加:url(网站网址)
email（邮箱地址）
date和time（日期，时间类型）
number（数字框）
rang（滑条控件）

⑵<textarea>标签（多行文本框）：<textarea rows="" cols="">:rows文本框的高度（有多少行）
cols文本框宽度（有多少列）
⑶<select>标签 （下拉列表）：<select><option>选项</option></select>在有限的选项里设置多个选项，可以做单选，也可以做多选（设置multiple）
⑿特殊字符编码：见w3cschool：http://www.w3school.com.cn/tags/html_ref_symbols.html；