html基本标签

最新推荐文章于 2022-12-16 18:00:00 发布

原创最新推荐文章于 2022-12-16 18:00:00 发布 · 452 阅读

1 ·

CC 4.0 BY-SA版权

html+css 专栏收录该内容

5 篇文章

订阅专栏

HTML文档基本结构

</html>

标签分类:

　块级标签（基本块级标签，布局块级标签）
　　行级标签

一、基本块级标签

　　１、标题标签
　　　　<h1>-<h6>
　　２、段落标签
<p></p>
　　３、水平线标签
<hr/>

二、布局块级标签

　　１、有序列表标签
   <ol>
   　<li>列表项</li>
   　<li>列表项</li>
   </ol>

　　２、无序列表标签
   <ul>
   　<li>列表项</li>
   　<li>列表项</li>
   </ul>

　　３、定义描述标签
   <dl>
   　<dt>标题</dt>
   　<dd>描述</dd>
   　<dd>描述</dd>
   </dl>

　　４、表格
   <table>
   　<tr>
   　　<td></td>
   　　<td></td>
   　</tr>
   </table>

　　５、表单
   <form>
   　<table>
       一般和表格一起使用进行布局
   　</table>
   </form>

６、分区标签
   <div style=”width:400px;height:300px;background:#9FF”>
       宽度   　　高度       背景色　
   </div>

　　常用的布局
   1、div-ul(ol)-li ：常用于分类导航或菜单等
   2、div-dl-dt-dd ：常用于图文混编的场合
   3、table-tr-td ：常用于图文布局或显示数据
   4、form-table-tr-td：常用于布局表单

三、行级标签

　　１、图像标签
   <img src=”图片地址” art=”图像的替代文字” title=”鼠标悬停提示文字”/>
　２、范围标签, 用于标识某个范围
   <span style=”color:red;font-size:50px”></span>
　　３、换行标签
   <br/>
　　４、超链接
   <a href="#" target="目标"></a>

四、表单

１、text 单行文本输入

<input type="text" name="username" />
２、password 密码

<input type="password" name="password" />
３、radio 单选

<input type="radio" name="sex" value="男" />男
<input type="radio" name="sex" value="女" />女
４、checkbox 多选

<input type="checkbox" name="hobby" value="书" />书
<input type="checkbox" name="hobby" value="画" />画
５、reset 重置表单数据

<input type="reset" value="重置" />
６、file 文件上传

<input type="file" name="files" />
７、submit 提交表单数据

<input type="submit" value="提交" />
８、image 图形提交按钮

<input type="image" src="images/button.gif" />
９、button 普通按钮

<input type="button" value="播放音乐" />
10、下拉列表
       <select>
       　　<option></option>
       　　<option></option>
       </select>
　11、文本域
       <textarea>
       </textarea>
12、隐藏域
       hidden   <input type="hidden" name="" value=""/>

五、高级表格

<table>
       <caption>表格标题</caption>
       <head><!--页眉-->
           <tr>
           　　<td>列标题</td>
           </tr>
       </head>
       <tbody>
           <tr>
           　　<td>数据</td>
           </tr>
       </tbody>
       <tfoot>
           <tr>
           　　<td>表格主题内容</td>
           </tr>
       </tfoot>
   </table>