html标签大全-CSDN博客

本文链接：https://blog.csdn.net/ChristWTF/article/details/104081034
                    
                        
                    
                    <!DOCTYPE> 文档类型声明 必须放html文档第一行 且不是html标签<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> 
  要在head中加meta 否则中文乱码
http-equiv 文档类型
content=“text/html” 内容是html文件
 
标题<h1></h1> ~ <h6></h6> 段落<p></p> 换行<br/>
align文本对齐样式left right center justify（扩展 每行一样长）
&nbsp;空格 标签中的空格无效 <hr/>横线
pre 输入的文本怎样，表现的样式就怎样 空格和换行有效
斜体<i></i> <em></em>
 加粗<b></b> <strong></strong>
 下标<sub></sub> 上标<sup><sup>
特殊符号
 <&lt; >&gt; 已注册R&reg; 版权C&copy; 商标TM&trade; 空格&nbsp;
无序列表<ul type="disc">
    <li>1</li>
</ul>
 -disc实圆点 square实正方形 circle空心圆
 
有序列表<ol type="I">
    <li></li>
</ol>
  - 1 a A i I
 
定义列表<dl>
    <dt>标题</dt>
        <dd>子项</dd>
        <dd>子项</dd>
    <dt>标题</dt>
        <dd>子项</dd>
</dl>
 
图片 超链接<a href="https://www.baidu.com"><img src="html.png" alt="图片加载失败"></a>
<a href=""><p>链接</p></a>
<a href="#" target="_blank" title="wo">12</a>
 - #空链接 用在需要超链接效果而不跳转时
- target 	_self	_blank
- title 鼠标悬停后会出现
 
锚（得是超链接）
 
同一页面<a href="#1">1</a>
<a href="#2">2</a>
<a name="1">内容1</a>
<a name="2">
	<img/>
</a>
   - 不同页面 href=路径 + #锚点
 
 
表格<table border="1" width="500" bgcolor="aqua" cellspacing="5" cellpadding="5" frame="lhs" rules="rows" align="center">
    <tbody align="center" valign="middle">
        <caption>标题，一个table只能有一个</caption>
        <tr align="center" valign="middle">
            <th colspan="2" rowspan="3">标题单元格，居中，加粗</th>
            <td>单元格，左对齐</td>
        </tr>
    </tbody>
    <thead>
        <tr>
            <td align="center" valign="middle">无论thead在哪 永远在最上面 tbody中间 tfoot下面</td>
        </tr>
    </thead>
    <tfoot>
    <tr>
        <td>thead tbody tfoot 解决表格太大 得全部加载了才显示的问题 </td>
        <td><table></table></td>
    </tr>
    </tfoot>
</table>
 - cellspacing 单元格之间间距
- cellpadding 内容与单元格之间间距
- frame 外边框 rules 内边框
- table align 表格位置的对齐方式
- thead tbody tfoot tr td 都有 aling 和 valign
- align left center right justify char
- top middle bottom baseline
- 表格嵌套得放在td中
 
input        <input type="text" name="username" size="25" maxlength="6" placeholder="请输入姓名"/>
        <input type="text" name="email" value="@163.com"/>
        <input type="password" name="paw" size="25" maxlength="6" placeholder="请输入密码"/>
        <input type="file" name="file"/>

        <input type="radio" name="danxuakuang" value="man">
        <input type="radio" name="danxuakuang" value="woman">

        <input type="checkbox" name="c1" value="read" checked/>
        <input type="checkbox" name="c2" value="dance"/>
        <input type="checkbox" name="c3" value="sing"/>

        <input type="button" name="点击" value="显示"/>
        <input type="submit" name="submit" value="submit"/>
        <input type="reset"  name="reset" value="reset"/>

        <input type="image" name="点击后提交图片，图片会显示在按钮上" src="/1.png"/>
        <input type="hidden"  name="隐藏域" value="传隐藏值"/>
 
select        <select name="city" multiple>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="4">3</option>
            <option value="4">4</option>
        </select>
        <select name="city" size="3" multiple>
            <option value="1">1</option>nb
            <option value="2">2</option>
            <option value="4">3</option>
            <option value="4">4</option>
        </select>
        <select name="city" >
            <option>--请选择--</option>
            <optgroup label="一组">
                <option value="1">1</option>
                <option value="2">2</option>
            </optgroup>
            <optgroup label="二组">
                <option value="4">3</option>
                <option value="4">4</option>
            </optgroup>
        </select>
 
textarea<textarea name="textarea" rows="6" cols="25" placeholder="请输入内容"></textarea>
 
get和post的区别 
  get 
    使用url传递参数
对所发送信息的数量也有限制
一般用于信息获取
 
post 
    表单数据作为http请求体的一部分
对所发送信息的数量无限制
一般用于修改服务器上的资源
 
 
块级标签 div ul ol li dl dt h1 p form hr 等
标签嵌套规则 
  块级元素可包含行内元素和某些块级元素
行内元素不能包含块级元素 只能包含其他行内元素
块级元素不能放p内
块元素与块元素并列 行内与行内并列
 

                