html标签合集

html5 标签合集

浏览器内核（渲染引擎）：读取网页内容，计算网页的显示方式并显示界面
web标准:结构（各种标签） 表现（颜色、大小等样式 css）行为（网页模型的定义以及交互 JavaScript）

标题标签

总共六级，h1为一级标题

		<h1>大</h1>
        <h2>大</h2>
        <h3>大</h3>
        <h4>大</h4>
        <h5>大</h5>
        <h6>大</h6>

段落标签和换行标签

 <p></p>

 <br/>

文本格式化标签

加粗标签

 <strong></strong>
 <b></b>

倾斜标签

<em></em>
<i></i>

删除标签

<del></del>
<s></s>

下划线

<ins></ins>
<u></u>

盒子标签

<div></div>
<span></span>

div： 一个div独占一行
span：一行可以放许多span

图像标签

 <img src="图像url" alt="图像显示不出来的时候显示的文字" title="鼠标放到图像上显示的文字" width=""  height="" border=""/>

宽度或者高度设定一个就行
相对路径：
同一级直接写名字
下一级 文件夹名/图像名
上一级 …/图像名

链接标签

 <a href="跳转地址" target="目标窗口的弹出方式">文字</a>

target=“_self” 覆盖式打开
target="_blank"重新打开一个窗口

href="#" 空链接
href=“文件或者压缩包”，此时是下载链接
网页元素的链接

 <a href="跳转地址" ><img src="图像url"/></a>

锚点链接

快速定位到页面中的某个位置
链接处

<a href="#live">生活</a>

#一定要加

位置处

<h3 id="live">个人生活</h3>

注释标签和特殊字符

特殊字符：
空格：&nbsp；
小于号：&lt；
大于号：&gt；

注释：

<!--    -->

快捷键：ctrl+/

表格标签

 <table>
      <tr>
      	<th> </th>//表头,文字会加粗、居中
       </tr>
       <tr>//行
          <td> </td>//单元格
       </tr>
</table>

<table>
  <thead>
      <tr>
         <th> </th>//表头,文字会加粗、居中
       </tr>   
  </thead>
  <tbody>
       <tr>//行
          <td> </td>//单元格
        </tr>  
   </tbody>
</table>

合并单元格
跨行合并：rowspan=“合并单元格的个数“
跨列合并：colspan=“合并单元格的个数”
合并代码：
跨行：最上侧单元格
跨列：最左侧单元格

列表标签

无序列表

<ul>
            <li> </li>
            <li> </li>
            <li> </li>
</ul>

各个列表项之间没有顺序级别之分，是并列的
ul 只能放 li 标签，li 里面可以放其他元素

有序列表

 <ol>
            <li> </li>
            <li> </li>
            <li> </li>
 </ol>

自定义列表

<dl>
           <dt>关注我们</dt>
           <dd>微博</dd>
           <dd>qq</dd>
           <dd>微信</dd>
</dl>

dl中只能放dt和dd

表单标签

一个表单通常由表单域、表单元素和提示信息3个部分组成。

表单域

<form action="提交给的页面" method="POST" name="name1"> </form>

表单元素

1、input

<input type=" " name=" " value=" " maxlength=" ">

type是必写属性,value的值可以初始显示

<input type="radio" checked="checked">

checked属性表示默认勾选

 <input type="password">//密码框

单选按钮和复选框

性别：男<input type="radio" name="sex">女<input type="radio" name="sex">

性别的几个单元框起相同的名字才可以实现多选一

<input type="checkbox">//复选框

提交按钮：

<input type="submit">

重置按钮：

<input type="reset">

普通按钮：

<input type="button">

文件域：

<input type="file">

2、label标签：

 <label for="sex">女</label><input type="radio" id="sex">

label里面的for和input里的id相对应，这样点击label时，input会被选中或者光标定住
3、select下拉表单

家乡:
<select>
      <option>山东</option>
      <option>江苏</option>
      <option>浙江</option>
      <option selected="selected">地球</option>//默认选中
</select>

4、textarea文本域

<textarea>
         在此留言   
</textarea>