HTML相关知识-创新互联

HTML含义:

从网站建设到定制行业解决方案,为提供成都网站设计、成都网站制作服务体系,各种行业企业客户提供网站建设解决方案,助力业务快速发展。创新互联将不断加快创新步伐,提供优质的建站服务。

HTML是的英文全称是Text Mark-up Language(超文本标记语言)的缩写,它也是一种制作万维网页面的标准语言,相当于定义统一的一套规则,这样可以让浏览器根据标记语言的规则进行解释。

超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一个中标准,它通过标记符号来标记要显示网页中的各个部分。网页文件本身是一种文本文件,通过文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文件如何处理,画面如何安排,图片如何显示等).

网页的组成:

一个网页一般由两部分组成:

  • HTML(Hypertext Markup Language)

  • CSS(Cascade Style Sheets)

    HTML负责描述网页的结构和内容(如标题、导航栏等)

    和之间的内容,是元信息和网站的标题,元信息一般不显示出来,但是记录了了这个HTML文件的很多描述性质的信息

    和之间的内容,是浏览器展示出来的,用户看到的页面效果。也就是说这里是网页的支柱或者说主体,即body的身体之意

    和说明这个文件是一个网页。告诉浏览器这个网页的开始和结束。包含了之后的连个元素和|和

HTML文档

代码如下:




    
    Title



代码解释:

DOCTYPE:告诉浏览器使用什么样的html或者xhtml规范来解析html文档

DOCTYPE的模式:

BackCompat:标准兼容模式未开启(或叫怪异模式【Quirks mode】、混杂模式)

CSS1Comat:标准兼容模式已开启(或叫做严格模式[Standards mode/Strict mode])

head部分

1、meta(metadata information)

提供有关页面的元信息,例如:页面编码、刷新、跳转、针对搜索引擎和更新频率的描述以及关键词

①、页面编码

#指定编码类型为UTF-8

②、刷新和跳转

#设置每隔5秒刷新页面一次

 #指定1秒后跳转到百度页面

③、关键字

关键字作用其实就是用来让爬虫之类的收录程序,当他们在爬我们网站的时候,如果你有关键字,那么他们会优先把关键字收录到他们的记录中,比如百度,如果他们收录之后,然后我们在搜索关键字的时候就能找到咱们的网站。

④、描述

例如一个51cto里就有一个描述

⑤、X-UA-Compatible

X-UA-Compatible  这个是IE8特有的,知道即可,因为做前端的同学都很害怕IE因为他们问题比较多各个版本问题很诡异,当IE8的时候微软想把各个版本的统一,那么这个参数就出现了,他为了向下兼容,如下的代码如果使用IE8的时候他会以IE7的模式运行。

2、title

网页头部信息,如下所示:

HTML相关知识

HTML文件各标签举例说明如下:




     
    
    
    Python之路
    


     addafagag
     "汽车之家"
     

段落标签①

     
     

段落标签②

     
     Python之路      
     python之路      
     python之路      
     python之路      
     python之路      
               id为a1的内容所在位置      
               id为a2的内容所在位置      
     

h2标签作用是将标签加大加粗

     

h3标签作用是将标签加大加粗

     

h4标签作用是将标签加大加粗

     
h5标签作用是将标签加大加粗
                           上海          北京          广州                            北京          上海          广州          深圳          武汉                                                                                
                                                                                Python之路Python之路Python之路Python之路  
    

        用户名:     

    

        密  码:     


    

        用户名:     

    

        密  码:     

               
    

Label标签

    姓名:     婚否:

     
             姓名:                   
     
             婚否:              
       
         
  • ul.li
  •      
  • ul.li
  •      
  • ul.li
  •  
        
  1. ol.li
  2.     
  3. ol.li
  4.     
  5. ol.li
    
湖北省
    
武汉市
    
荆州市
    
湖南省
    
长沙市
    
岳阳市
                                                               
123456
             1         2         3         4                   1         2         3         4                   1         2         3         4                   1         3         4                   1         2         3         4                   1         2         3         4                                      标题1                标题2                标题3                标题4                                          1         3         4                   1         2         3         4                   1         2         3         4          

    登录     

用户名:

    

密码:

HTML常用标签分组:

HTML相关知识

对于a标签属性小窍门:

1、知识点属性,a标签属性,在其调用样式中添加:

cursor:pointer

使其指导目标时鼠标变成小手

2、a标签中如果想实现鼠标放在目标位置时下划线消失,在对应的样式中添加:

text-decoration:none

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前标题:HTML相关知识-创新互联
分享地址:http://myzitong.com/article/dpchjp.html

其他资讯