HTML标签使用

7、标签
7.1、标题:

-

，字体由大变小。
eg:

标题1

标题2

标题3

标题4

标题5

标题6

7.2、段落:

eg:

段落标签

7.3、文字显示：
7.3.1、加粗：定义文本粗体
eg:
这是一个加粗文本
7.3.2、斜体：
7.3.3、强调文本内容：
eg：
强调文本
7.3.4、定义重要的文本：
7.3.5、定义一个定义项目：
7.3.6、定义计算机代码文本：
7.3.7、定义样本文本：
7.3.8、定义键盘文本：
7.3.9、定义变量：，您可以将此标签与

 及  标签配合使用。

7.4、定义计算机代码样本:

eg:蓝色

7.5、换行：
，该标签是空标签。

7.6、定义水平线:
 
 
，创建一个上水平先线得效果，用于分隔文件。

7.7、定义文档中的节:
 
 


7.7.1、解析：常用于组合块级元素;经常与 CSS 一起使用，用来布局网页;可定义文档中的分区或节(division/section);

把文档分割为独立、 不同的部分。

7.7.2、语法：
 
 

  
  

属性： left    左对齐内容。
  
  

right 右对齐内容。
  
  

center    居中对齐内容。
  
  

justify   对行进行伸展，这样每行都可以有相等的长度（就像在报纸和杂志中）。
  
  

7.8、无序列表:
  
  

  
  

eg:
  
  


  
  



   
   
Coffee



   
   
Tea



   
   
Milk



  
  
  
  

7.9、有序列表:
  
  

  
  

eg:
  
  


  
  



   
   
Coffee



   
   
Tea



   
   
Milk



  
  
  
  

7.10、定义列表的项目:
  
  


eg:
  
  


  
  
Coffee



  
  
Tea



  
  
Milk


7.11、定义列表详情:
  
  

  
  

eg:
  
  


  
  

   
   


   
   
    
    Coffee
   
   
   
   


   
   

    
    Black hot drink
   
   
   
   


   
   
    
    Milk
   
   
   
   


   
   

    
    White cold drink
   
   
   
   


  
  
  
  

7.12、定义列表中的项目:
  
  
  
  

eg:
  
  


  
  
   
   


  
  
  
  
   
   Coffee
  
  
  
  


  
  

   
   Black hot drink
  
  
  
  


  
  
   
   Milk
  
  
  
  


  
  

   
   White cold drink
  
  
  
  


  
  

7.13、定义注释：
  
  
  
  

eg:
  
  


  
  
  
  

7.14、定义图像：
  
  
  
  

7.14.1、格式:<img src=“图片的存放路径(绝对/相对/图片网址)” alt=替换文本" title=“提示文本”>
  
  

7.14.2、img的属性：
  
  

alt            text       规定图像的替代文本。
  
  

src            URL            规定显示图像的 URL。
  
  

height     pixels     规定图像的高度。
  
  

width      pixels     规定图像的宽度。
  
  

crossoriginNew anonymous/use-credentials  设置图像的跨域属性
  
  

ismap      ismap      将图像规定为服务器端图像映射。
  
  

usemap     #mapname   将图像定义为客户器端图像映射。
 
 

7.15、定义超文本链接：<a href="..." ></a>
    7.15.1、三种用法：
        用法1：存放网址：
            <a href="网址" >欢迎访问xxx网站</a>
        用法2：链接项目中的其他页面
            <a href="index.HTML">回到首页</a>
        用法3：链接到当前页面的指定位置(锚记)
            <a href="#top">toTop</a>
    7.15.2、a的属性：
        downloadNew    filename       指定下载链接
        href       URL                规定链接的目标 URL。
        hreflang   language_code  规定目标 URL 的基准语言。仅在 href 属性存在时使用。
        mediaNew   media_query        规定目标 URL 的媒介类型。默认值：all。仅在 href 属性存在时使用。
        type New   MIME_type      规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。
                                    注：MIME = Multipurpose Internet Mail Extensions。
        rel         (alternate         规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。
                     author
                     bookmark
                     help
                     license
                     next
                     nofollow
                     noreferrer
                     prefetch
                     prev
                     search
                     tag)
        target      (_blank         规定在何处打开目标 URL。仅在 href 属性存在时使用。
                     _parent
                     _self
                     _top
                     framename)

7.16、定义表格：<table></table>
    7.16.1、一个HTML表格包括<table>元素，一个或多个<tr>表格行、<th>表头、<td>表格单元。
        更复杂的HTML表格也可能包括<caption>、<col>、<colgroup>、<thead>、<tfoot>以及<tbody> 元素。
    7.16.2、属性：
        边框：border  “1"  规定表格单元是否拥有边框。
             eg:
                <table style="1">:给表格设置1像素的边框。
        单元格间距：
            <table style="border-collpase:collapse">:可以消除单元格之间的间距和多余的边框。
        对齐方式：align
            left      规定表格相对周围元素的对齐方式
            center
            right

    7.16.3、合并单元格：
        rowspan:行数合并
            eg:<td rowspan="2">该单元格占两行一列</td>
        colspan:列数合并
            eg:<td colspan="2">该单元格占一行两列</td>

7.17、定义表单：<form></form>
7.17.1.用途:用于创建供用户输入的 HTML 表单。
7.17.2.<form> 元素包含一个或多个如下的表单元素：
    <input>
    <textarea>
    <button>
    <select>
    <option>
    <optgroup>
    <fieldset>
    <label>
7.17.3.表单中get个post的区别：
    get:通过路径传参，参数不安全。
    post:参数放在请求中，参数安全，传输的数据比get多。
7.17.4.常见表单元素：
    (1)input:(文本字段、复选框、掩码后的文本控件、单选按钮、按钮等)
        text:文本框、password:密码、radio:单选框、checkbox:多选框、file:文件、
        submit:提交、image:图片、reset:重置、button按钮、hidden:隐藏域。
    (2)select:
        select元素可创建单选或多选菜单。
        <select>元素中的<option>标签用于定义列表中的可用选项。
    (3)textarea:
        <textarea>标签定义多行的文本输入控件。
        可以通过cols和rows属性来规定textarea的尺寸，不过更好的办法是使用CSS3的heigh和width属性。
7.17.5.表单元素常用属性：
    (1)name属性：
        在一个表单域，每一个元素(除了按钮)必须包含一个name的属性，否则该表单元素的数据无法正确提交。
    (2)value:用户选择的项需要设置value值(单选按钮、复选框、下拉列表项)，输入框的value值就是用户输入的
        内容，可以通过设置输入框的value值，给表单元素设置默认值。
    (3)disabled='disabled':禁用表单元素
    (4)checked='checked':设置单选按钮、复选框的默认选中项
    (5)selected='selected':设置下拉表的默认选中项。