学习HTML与CSS的第一天————HTML

HTML

目录

HTML

HTML简介

HTML注释

标签的属性

常用的标签

实体

图片标签

meta标签

内联框架

超链接


HTML简介

HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的网络资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字图形动画声音表格链接等。

超文本是不同于纯文本的一种形式,可以简单的理解为纯文本的一种进阶,可以进行文字,图片,视频的处理,事实上在超文本中的“超”就是指超链接,在今后学详细学到什么是超链接。

HTML的标准结构

 
     
        
    

    
              
            

*****

HTML注释

 不同于其他语言的注释风格,在HTML中我们使用“”结构来表示注释,首先在注释中的内容不会在页面中显示,但是可以在源码中显示,因此在编写代码时可以通过注释进行描述,帮助今后的代码维护。

标签的属性

 属性:                                                                                                                                                                                                        可以通过属性来设置标签,如果处理标签中的内容可以在开始标签中添加属性                                                                                 属性实际上就是一个名值对的结构,属性名 =“属性值”,在一个标签中可以同时设置多个属性,属性间需要使用空格隔开。 

常用的标签



    
        
        常用标签

    
    
        
      

一级标题

一级标题

一级标题

一级标题

一级标题
一级标题

我是一个p标签,我用来表示一个段落

锄禾日当午,汗滴禾下土。
谁知盘中餐,粒粒皆辛苦。


实体



    
        
        实体

    
    
        
        a<c 
        

©今天天气 好晴朗,处处好风光

图片标签



    
        
        图片标签/相对路径

    
    
        
        这是一个大松树
        
    

 

图片的格式

JPEG(JPG)                                                                                                                                                                                                         -JPEG图片支持的颜色比较多,图片可以压缩,但是不支持透明                                                                                                       -一般使用JPEG来保存图片等颜色丰富的图片

GIF                                                                                                                                                                                                                         -GIF支持的颜色少,只支持简单的透明,支持动态图                                                                                                                         -图片颜色单一或者是动态图时可以使用gif

PNG                                                                                                                                                                                                                     -PNG支持的颜色多,并且支持复杂的透明                                                                                                                                         -可以用来显示颜色复杂的透明的图片

图片的使用原则:                                                                                                                                                                                                效果不一致,使用效果好                                                                                                                                                                    效果一致,使用内存小的

 meta标签



    
        
        meta标签
        
        
        
        
        
        
    
    
        

5秒后跳转页面

内联框架



    
      
      内联框架
    
    
    

    

超链接



    
      
      超链接
    
    
    
    我是一个超链接
    我是一个超链接
    
    我是一个超链接
    

 

你可能感兴趣的:(学习HTML与CSS的第一天————HTML)