HTML的常用标签

什么是 HTML？

HTML 是用来描述网页的一种语言。

• HTML 指的是超文本标记语言（Hyper Text Markup Language）
• HTML 不是一种编程语言，而是一种标记语言（Markup Language）
• 标记语言是一套标记标签（Markup Tag）
• HMTL使用标记标签来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

• HMTL 标签由尖括号包围的关键词，比如
• HMTL 标签通常是成对出现的，比如
  ，为双标签。当然也有单标签，如
  

  ---

  。
• 双标签中的第一次标签是开始标签，第二个标签是结束标签。
• 开始和结束标签也被称为开放标签和闭合标签。

HTML 文档 = 网页

• HTML 文档描述网页
• HTML 文档包含 HTML 标签和纯文本
• HTML 文档页被称为网页
  Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容。

• 是指文档使用HTML的版本
• 与 之间的文本描述网页
• 与 之间是网页的头部，可以引入css及js
• 与> 之间的文本是可见页面内容

HTML常用标签

定义标题标签
 

定义段落标签

定义加粗标签
推荐加粗标签

定义倾斜标签
推荐倾斜标签

定义删除线标签
推荐删除线标签

定义下划线标签
推荐下划线标签

定义锚标签，链接标签

百度

点击跳到个人介绍
个人介绍





 

• 列表标签: 有序列表、无序列表、自定义列表

    
第一个
    
第二个
    
第三个




    
中国
    
美国
    
俄罗斯




    
定义标题
    
定义描述、解释
  

• 表格标签

        
火影忍者演员表
 
        
  
          
 
            
姓名
 
            
性别
            
年sds龄
           
        
        
 
          
 
            
姓名
 
            
性别
            
sdkd
 
          
           
 
            
姓名
 
            
性别
          
           
 
            
姓名
 
            
合并之后的单元格
 
          
        

• 表单：目的是收集用户信息 包括表单控件，表单信息，表单域

 
 用户名： 

 
 
 密 码： 
 
   
   
 
 性 别：女   未知
 



爱 好:   足球  篮球  羽毛球   


普通按钮:  普通按钮
 


   
  


   




上传头像:  

 
输入账号: 

输入账号:    
   
文本域
请输入留言  


下拉框

    点击选择您的城市
    北京
    上海
   

 
 

    
文本域: textarea
    
文件域: input type="file"
    
表单域: form  收集表单控件信息并且提交的
 
   
   
 
表单域
 
 

    
用户名：
    
密 码：
     
  

• HTML5新增标签

语义：定义页面的头部 页眉
语义：定义导航栏
语义：定义侧边栏
语义：定义文章显示
语义：定义区域
语义：定义页面的底部 页脚







    
用户名登录
 
    用户名: 
    

    密 码: 



    

        
HTML5新增input type 类型
        
邮箱
        
电话
        
只能是数字
        
网址
        
搜索框
        
区域
        
时间
        
年月日
        
年月
        
星期
        
颜色
        
    



    
    
用户名:
    
    
多文件上传:
    
自动记录完成
    1.autocomplete 首先需要提交按钮
    2.autocomplete 需要name属性值
    3.autocomplete on代表打开记录 ，off 代表关闭记录
    
            
姓名：
            
            
密码：
            
提交：