前端——HTML

目录

文章目录

前言

一.HTML的基本标签

二.HTML标签

1.块级标签

1.1块级标签特征

1.2标题标签

​编辑

 1.3 水平线标签

1.4  段落标签

1.5  无序列表标签

1.6 有序列表标签

1.7 表格标签

1.8层标签

1.9 表单

2. 行级标签

2.1行级标签特征

2.2图像标签

2.3 范围标签

2.4 超链接标签

2.5 输入标签

2.6 文本域

2.7下拉列表框

三.HTML5 新增元素

1.结构标签

2. 其他标签

2.1 音频标签

2.2 视频标签

 2.3列表标签

 2.4时间与标记标签

2.5 HTML5新增元素属性

总结


文章目录

  • 前言
  • 一.HTML的基本结构
  • 二.HTML标签
  • 三.HTML5 新增元素
  • 总结


前言

HTML是Hyper Text Markup Language的简称,即超文本标记语言,是一种用于创建网页的标准标记语言。HTML 运行在浏览器上,由浏览器来解析执行。


一.HTML的基本标签



  
    
    超用心在线教育
  
  
  

 基本结构说明:

表示定义的文档类型为 HTML5 文档。
表示整个 HTML 文档内容的定义只能在该标签对之间
表示整个 HTML 文档的头部信息,比如文档的标题、文档使用的字符集编码、文档是否可以缩放等。
表示定义文档的字符集编码为 "utf-8",支持中文
表示定义文档显示的标题
表示 HTML 文档的主体内容部分应该定义在该标签内

标签一般都是成对出现,分别叫开放标签和闭合标签

二.HTML标签

HTML 标签分为两大类:块级标签和行级标签

1.块级标签

1.1块级标签特征

a. 总是在新行上开始
b. 高度,行高以及外边距和内边距都可控制
c. 宽度缺省是它的容器的100%
d. 可以容纳内联元素和其他块元素

1.2标题标签

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题
前端——HTML_第1张图片
 1.3 水平线标签

 前端——HTML_第2张图片

1.4  段落标签

 前端——HTML_第3张图片

1.5  无序列表标签
      
  • 列表项1
  •   
  • 列表项2
  •   
  • 列表项3
  •  ......   
  • 列表项n

前端——HTML_第4张图片 

1.6 有序列表标签
      
  1. 列表项1
  2.   
  3. 列表项2
  4.   
  5. 列表项3
  6.  ......   
  7. 列表项n

前端——HTML_第5张图片 

1.7 表格标签

   
  
    
      
      
     ......
      
    
  
  
    
      
      
     ......
      
    
    
   
      
     ......
      
    
   ......
    
   
      
     ......
      
    
  
  
    
      
      ......
      
    
  
表格的标题
列名1列名2列名n
列1的值列2的值列n的值
列1的值列2的值列n的值
列1的值列2的值列n的值
统计项名称 列1的值列n的值

前端——HTML_第6张图片 

前端——HTML_第7张图片

1.8层标签
  

前端——HTML_第8张图片 

1.9 表单
  ......

 

 

2. 行级标签

2.1行级标签特征

a.和其他元素都在一行上
b.高度,行高及外边距和内边距不可改变
c.宽度就是其内容的宽度,不可改变

2.2图像标签
图片未加载时显示

 前端——HTML_第9张图片

2.3 范围标签
内容

 前端——HTML_第10张图片

2.4 超链接标签
内容

 其中target常用如下:
_blank: 在新窗口中打开

 _self: 在当前窗口中打开,是超链接target属性的默认值

超链接通常分为页面间链接、锚链接和功能性链接

页面间链接:

内容

 锚链接:

内容

 锚链接定位同一个页面中的元素时,页面名称可以省略。

功能性链接:

前端——HTML_第11张图片

2.5 输入标签

前端——HTML_第12张图片

前端——HTML_第13张图片

前端——HTML_第14张图片

 
2.6 文本域

 前端——HTML_第15张图片

2.7下拉列表框

前端——HTML_第16张图片 

 只读和禁用

  
  


前端——HTML_第17张图片 

前端——HTML_第18张图片

三.HTML5 新增元素

1.结构标签

前端——HTML_第19张图片




  
  666
  


  
页面头部
  
         
             
正文
      
底部
    
  

 前端——HTML_第20张图片

2. 其他标签

前端——HTML_第21张图片

2.1 音频标签

常见的音频格式:MP3、OGG、Wav
音频标签还支持设置多个音频文件

2.2 视频标签

常见的视频格式:avi、flv、mp4、mkv、ogv
视频标签的用法与audio标签一样

 2.3列表标签


  
  
  
 2.4时间与标记标签

    我在有个约会

  她长得很漂亮

2.5 HTML5新增元素属性

1.全局属性

前端——HTML_第22张图片


2. 表单属性

 前端——HTML_第23张图片

     

总结

HTML之后马上会更新CSS和javaScipt,大家敬请期待!谢谢大家!

你可能感兴趣的:(前端,html,前端)