文章目录

• 1.认识HTML
• 2.html 框架
• 3.HTML常见标签
• 4.HTML语法特征
• 5.列表

  1.认识HTML

  html���超文本标记语言:

  目前最新版本是html5,由w3c(万维网联盟)完成标准制定。

  声明文档的类型是html5 超文本标记语言。

  HTML ，全称“Hyper Text Markup Language（超文本标记语言）”，简单来说，网页就是用HTML语言制作的。HTML是用来描述网页的一种语言， 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。

  何为超文本?

  文本只是单纯的显示字符串,超文本还可以显示音频,视频,图片,对内容可以有不同样式的调整,即是超文本.

  发展历史:

  ①HTML 1.0：在1993年6月作为互联网工程工作小组(IETF)工作草案发布。

  ②HTML 2.0：1995年1 1月作为RFC 1866发布，于2000年6月发布之后被宣布已经过时。

  ③HTML 3.2：1997年1月14日，W3C推荐标准。

  ④HTML 4.0：1997年12月18日，W3C推荐标准。

  ⑤HTML 4.01（微小改进）：1999年12月24日，W3C推荐标准。

  ⑥HTML 5：HTML5是公认的下一代Web语言,是HTML最新的修订版本，

  2014年10月由W3C(制定Web技术标准的机构)制定。

  html如何识别?

  html超文本标记语言,在b/s架构的服务中,利用http超文本传输协议,让浏览器进行解析,http独占80端口.

  http: 超文本传输协议 (对html标记语言,传输解析的标准)

  https: 加密版超文本传输协议 443

  浏览器: 超文本的解析器

  2.html 框架

   表示html注释

    声明文档的类型是html 超文本标记语言            此处写入web网页的配置信息                此处写入网页的主体内容         学习html    #目前font标签已被淘汰    

  将html文件拉到浏览器，使用的是file协议

  使用vscode 的open with live server打开的是http协议

  3.HTML常见标签

  font,meta,br,hr,pre,h1~h6,sub,p,strong,em

  sub,sup,p,span,ul,ol,dl,a,img,

  table,form,input,iframe

  HTML标签种类

  块状元素: 独占一行,可直接设置宽高    例如:
  ~
  ,,
  ,
  ,
  ,,
  ,, ..行内元素: 不能独占一行,不能直接设置宽高    例如:,,,,行内块状元素: 不能独占一行,可直接设置宽高    例如:,, 
  4.HTML语法特征
   
  1.内容不区分大小写
  2.标签结构分为单闭合、双闭合标签(标签成对显示)
  3.一个及多个空白符,都会被理解成一个空白符
  页面代码写了多个空白符
   
  网站页面只显示一个空白符
   
  body里面写标签，大于号小于号，页面不会解析
     
  换行标签
   
      一般是做演示的时候用  
    
  字符实体:使用字符实体来表达实际的字符含义;
   
     使用字符实体表达多个空格> 大于号例子:5>10
    
              
              333           +444           ------            777            
    
  如果不加
  标签，则显示不出效果
    
  并列显示了
   
                                      这是前端界面                                                                                                1111       3333     343434                   234234                
          310                      11111                
          5>10        
                          333        +444        ------        777            
   
  常见标签：
   
                       常见标签                 
  一级标签
      #最多6级，超过6就当做字符串显示了        
  二级标签
          
  三级标签
          
  四级标签
          
  五级标签
          
  六级标签
          
                  h20 => h20
    
  
  co2 => co2
    
  
  x2 = 100  => x2 = 100
    
  这是第一个段落
      #一般段落我们用标签，
  标签一般塞入文章
  这是第二个段落
  川普是我的偶像
    
  我的爱人
    
                  川普是我的偶像        我的爱人    
   
  块状标签，行内标签：
   
                  标签的种类            我爱你         奥斯托夫罗斯基        111
   
  设置宽和高无效，换行无效
      我是网页的头部    我是网页的身体    我是网页的脚部  
  p独立成行，100%横跨整个页面
    
  按我1
  按我2
  按我3
   
  行内块状标签，不能独占一行,能设置宽和高,横向排列
   
   
  5.列表
   
  浏览器右键检查，或者按F12，打开调试窗口，点击小箭头，鼠标在网页放的位置可以找到对应代码
   
              Document            
  姜子牙
          
  我和我的家乡
          
  八百
          
  唐人街探案3
      
  列表左边的标志类型可以设置，一般不用。原形态，默认实心圆
   
  方块
   
  空心圆
     
  姜子牙
  我和我的家乡
  八百
  唐人街探案3
  默认有序列表
    
  起始值可以设置，一般不用
    定义列表和有序列表用的都没无序列表ul用的频繁        女生曾经说过的谎言:         不要       你真坏       你是个好人       我给你介绍个漂亮的小姑娘    
  定义列表，文字方式
   
   
  总结，html标签理解起来比较简单，经常运用就比较熟悉了，零基础也能很快掌握，小伙伴们尝试一下吧！