HTML常用标签

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；
        

转载于:https://my.oschina.net/suon/blog/758240