HTML常见标签说明

1、标题

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

2、段落

<p></p>

3、加粗

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

4、倾斜

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

5、段落

<p></p>

6、段落

<p></p>

7、强制换行

<br></br>

8、空格

&nbsp;

9、水平线

<hr/>

10、列表(无序列表ul、有序列表ol、自定义列表dl)

<!-- 无序列表 -->            <!-- 有序列表 -->             <!-- 自定义列表 -->
<ul>                        <ol>                         <dl>
    <li>序列一</li>             <li>序列一</li>               <dt>名词</dt>
    <li>序列二</li>             <li>序列二</li>               <dd>解释</dd>
    <li>序列三</li>             <li>序列三</li>            </dl>
    <li>序列四</li>             <li>序列四</li>
</ul>                       </ol>

11、插入图片

<img src="图片地址" alt="图片名" title="图片标题"/>(其中alt值为图片加载错误时所给的提示信息,title值为鼠标指向图片是所提示的信息)

12、超链接

<a href="图片链接地址">链接文本/图片</a>

关于链接地址:若文件与文件同一目录下:文件名 . 扩展名

                         若文件夹与文件同一目录下:文件夹/文件名 . 扩展名

                         若需要返回上一级:.. / 文件夹 / 文件名 . 扩展名

属性target链接打开方式:_blank新窗口打开      _self当前窗口打开

13、表格

<table>
  <tr>
     <td><td>
     <td><td>
     <td><td>
     <td><td>
  </tr>
</table>

tr代表:行      td代表:单元格

属性:width:表格宽度;height:表格高度;border:表格边框;background-color:背景颜色;cellspacing:单元格之间间距;cellpadding:单元格与其中内容之间间隙;align:center/left/right对齐方式

14、表单(表单域、表单控件、提示信息)

<form action="url" method="get/post" name="表单名">表单内容</form>

数据传输get与post区别:1.get从服务器获取数据,post是向服务器传送数据;

                                      2.get是把参数数据队列加到提交表单的ACTION属性所指的URL中,在URL中可以看到,post通过       http  post机制,用户看不到这个过程

                                        3.get传输数据量小,不大于2K,post传输数据量较大,一般默认为不受限制

                                        4.get安全性低,post安全性高,get执行效率比post好

表单控件:

文本框    <input type="text"/ >
密码框    <input type="password"/>
提交按钮  <input type="submit" value="按钮显示文字"/>
重置按钮  <input type="reset" value="按钮显示文字"/>
跳转按钮  <input type="button" value="按钮显示文字"/>
单选按钮  <input type="radio" name="" checked/>
复选框    <input type="checkbox" name="" checked/>
下拉列表  <select name="">
           <option>菜单内容</option>
           <option>菜单内容</option>
         </select>
文本域/多行文本框  <textarea name="名" cols="列数" sols="行数">
                 </textarea>

15、布局元素

div  <div id="id名"/class="class名"></div>

span   <span>文本内容</span>

猜你喜欢

转载自blog.csdn.net/qq_42758038/article/details/81147130