多测师_HTML（标题/图片/链接/列表标签）

• 　　声明
  •   是 html5 标准网页声明，全称为 Document Type HyperText Mark-up Language，意思为文档种类为超文本标记性语言或超文本链接标示语言，现在是这个简洁形式，支持 html5 标准的主流浏览器都认识这个声明，表示网页采用 html5，  声明位于文档中的最前面的位置，处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
• doctype 声明是不区分大小写的，以下方式均可：

• 　　中文编码
  • 目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候我们就需要在头部将字符声明为 UTF-8 或 GBK。
  • HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
  • HTML 标签是由尖括号包围的关键词，比如 
  • HTML 标签通常是成对出现的，比如  和 
  • 标签对中的第一个标签是开始标签，第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和闭合标签
  • 不要忘记结束标签，虽然没有结束标签页面也能正常显示

• 标题标签
  • HTML 标题（Heading）是通过

     - 

     标签来定义的

  •  定义最大的标题， 

     定义最小的标题。

  • 这是一个标题

  • 注意：
    • 请确保将 HTML 标题标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。
    • 搜索引擎使用标题为您的网页的结构和内容编制索引。
    • 因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。
    • 应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。　

    
        
        
    
    
        
This is h1 heading
        
This is h2 heading
        
This is h3 heading
        
This is h4 heading
        
This is h5 heading
        
This is h6 heading
    

• 段落标签

  • HTML 段落是通过标签 

     来定义的.

  •   表示一个空格

    
        
这是一个段落 这是一个段落
    

• 标签（斜体）
  • 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体来显示。

    
        这是一个段落 这是一个段落
    

• 标签（斜体）
  • 标签和基于内容的样式标签  类似。它告诉浏览器将包含其中的文本以斜体字显示。

    
        这是一个段落 这是一个段落
    

• 标签（加粗）
  • 标签和  标签一样，用于强调文本，但它强调的程度更强一些。　　
  • 如果常识告诉我们应该较少使用 标签的话，那么 标签出现的次数应该更少。

    
        这是一个段落 这是一个段落
        这是一个段落 这是一个段落
    

• （粗体）

    
        这是一个段落 这是一个段落
        这是一个段落 这是一个段落
     

• 标签
  • 规定文本的字体、字体尺寸、字体颜色。　
  • size 属性（可能的值：从 1 到 7 的数字。浏览器默认值是 3。）　
  • color 属性，色值

    
        
这是一个段落 这是一个段落

        
这是一个段落 这是一个段落

        这是一个段落 这是一个段落
    

• 
  换行标签
  • 
    来输入空行
  • 
    标签没有结束标签　　　　

    
        这是一个段落 这是一个段落


        这是一个段落 这是一个段落
    

• ---

  水平线标签
  • 创建水平线　　

  • ---

     标签没有结束标签　　

    
        这是一个段落 这是一个段落

        这是一个段落 这是一个段落
    

•   图片标签
  •  src 属性：规定显示图像的 URL。　　　　
  • alt 属性：如果无法显示图像，浏览器将显示替代文本
  • title 属性：定义鼠标移动到元素上显示的文本　
  • width 属性：设置图像的宽度
  • height 属性：定义图像的高度　
  • align 属性：规定如何根据周围的文本来排列图像
    • center    居中
    • left    左对齐
    • right    右对齐
  • border 属性：定义图像周围的边框　　

• • hspace 属性：定义图像左侧和右侧的空白　　
  • vspace 属性：定义图像顶部和底部的空　　

•   链接标签
  •  target 属性：新窗口打开链接　　

    
        百度
        京东

        
        天猫

        
        
淘宝
    

• 有序列表标签
  • 列表项目使用数字进行标记。 　　
  • 有序列表始于 
     标签，结束于
     ；每个列表项始于 
  •  标签，结束于
  标签　　
  • type 属性：规定在列表中使用的标记类型，默认值 = 1
  • start 属性：规定有序列表的起始值
  • reversed 属性：规定列表的顺序为降序，默认为正序排列

    
        

            
水果
            

                
苹果
                
橘子
                
香蕉
            
            
蔬菜
            

                
大白菜
                
空心菜
                
包心菜
            
        
    

•  
  无序列表标签
  • 此列项目使用粗体圆点（典型的小黑圆圈）进行标记。　　
  • 有序列表始于 
     标签，结束于
     ；每个列表项始于 
  •  标签，结束于
  标签。　　
  • type 属性：规定在列表中使用的标记类型
    • disc    实心圆（默认）　　
    • square    实心方正
    • circle    空心圆
    • none    取消前缀

      
          
  
              
  水果
              
  
                  
  苹果
                  
  橘子
                  
  香蕉
              
              
  蔬菜
              
  
                  
  大白菜
                  
  空心菜
                  
  包心菜
              
          
      

  • 自定义列表标签

    • 自定义列表不仅仅是一列项目，而是项目及其注释的组合。　　
    • 自定义列表以 

       标签开始，以

      结尾 ；每个自定义列表项以 
       开始，以 
      结尾；每个自定义列表项的定义以 
       开始，以 
       结尾。　　
    • 提示：列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。　　

      
          
  
              
  水果
                  
  苹果
                  
  橘子
                  
  香蕉
              
  蔬菜
                  
  大白菜
                  
  空心菜
                  
  包心菜