HTML5常用标签

红太狼 2022-07-29 11:19 197阅读 0赞

**（1）常用的标签**

<h1>~<h6> 表示是一个标题  
<p>   段落标签  
        <hr/>  水平线标签  
 <br/>  换行标签  
        <sub>  下标  
        <sup>  上标  
        <pre>  原样标签： 原样标签会保留空格和换行符。  
        <ol> <li> 有序的列表标签、  
        <ul> <li> 无序的列表标签。  
        项目列表标签(dl dt dd)  
        行内标签(span)       
块标签<div>    div标签的内容会独立占一行。

**（2）实体标签**

空格      &nbsp;  
      小于号     <  
      大于号    >  
\-----------------------------  
      人民币    &yen；  
      版权      &copy;  
      商标      &reg;

**（3）媒体标签**

**（4）超链接标签**

<a> 超链接标签  
 a标签常用的属性：  
 href  : 用于指定链接的资源  
   target: 设置打开新资源的目标。

\_Blank 在独立的窗口上打开新资源

\_self 在当前窗口打开新资源   
  
  
file: file协议（文件协议）这种协议主要是用于搜索本地机器的资源文件的。  
格式：  
file:\\\\\\f:\\美女\\1.jpg

邮件 的协议： mailTo  
迅雷的协议： thunder

超链接标签的作用：  
 1. 可以用于链接资源。  
   2. 锚点点位.    
    1. 首先编写一个锚点  锚点的格式： <a name="锚点名字"> 数据</a>  
2. 使用a标签 的herf属性连接到锚点出。  href=”\#锚点的名字“

（5）图片标签

img标签常用的属性:  
width： 设置图片宽度  
        height  设置图片高度      
   alt:    如果图片资源无法找到，那么就显示对应的文字对图片进行说明。

（6）表格标签

表格使用到的标签：  
<table> 表格  
    <tr>    行  
    <td>    单元格  
    <th>     表头   默认的样式是居中，加粗。  
    <caption>  表格的标题  
      
    
表格常用的属性：  
 border  设置表格的边框   
    width : 设置表格的宽度  
     height: 设置表格的高度的。  
   colspan: 设置单元格占据指定的列数。  
 rowspan : 设置单元格占据指定的行数。

<thead> 标签用于组合 HTML 表格的表头内容。

<thead> 元素应该与 [<tbody>][tbody] 和 [<tfoot>][tfoot] 元素结合起来使用，用来规定表格的各个部分（表头、主体、页脚）。

通过使用这些元素，使浏览器有能力支持独立于表格表头和表格页脚的表格主体滚动。当包含多个页面的长的表格被打印时，表格的表头和页脚可被打印在包含表格数据的每张页面上。

<thead> 标签必须被用在以下情境中：作为 <table> 元素的子元素，出现在 <caption>、<colgroup> 元素之后，<tbody>、 <tfoot> 和 <tr> 元素之前。

（7）表单标签

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    
    </head>
    <body>
    	<form action="http://www.baidu.com" method="post">
        	
        	用户名：<input name="userName" type="text"/><br/>
            
    		密码：<input name="password" type="password"/><br/>
            
            性别： 男<input checked="true" value="man"  name="sex" type="radio"/>   女<input name="sex" value="woman" type="radio"/><br/>
            
            来自的城市：<select name="city">	
                        <option value="BJ">北京</option>
                        <option value="SH">上海</option>
                        <option value="GZ">广州</option>
                        <option value="SZ">深圳</option>
                    </select><br/>
            
           兴趣爱好：java <input value="java" name="hobit"  checked="checked" type="checkbox" />javascript <input type="checkbox" value="javascript" name="hobit" />android <input value="android" name="hobit" type="checkbox" /><br/>
           
        	大头照：<input name="image" type="file" /><br/>
        	个人简介:
            
            <textarea  name="intro" rows="10" cols="30"></textarea><br/>
            
            
            <input type="submit" value="注册"/>
        	
        	<input type="reset" value="重置"/>
        
        </form>
    </body>
    </html>

[tbody]: http://www.runoob.com/tags/tag-tbody.html
[tfoot]: http://www.runoob.com/tags/tag-tfoot.html