HTML语言简介和HTML中常用的标签(一)

 html语言的简介


  1、什么是html?

.       *全称:HyperText Markup Langage ,超文本标记语言,网页语言

             **超文本:超出文本的范畴,使用html可以轻松实现

             **标记:html所有的操作都是通过标记实现的,标记就是标签。<标签名称>

             **网页语言

2、第一个html程序

        -html后缀是 .html  .htm

              *直接路径通过浏览器就可以运行

HTML语言简介和HTML中常用的标签(一)

        -代码

              **这是我的<font size="5" color="red"> 第一个html程序!</font>

HTML语言简介和HTML中常用的标签(一)

 

3、html的规范(***遵循)

       (1)、一个html文件开始标签和结束的标签。

                   <html>   </html>

HTML语言简介和HTML中常用的标签(一)

        (2)、html包含两部分内容

                  (1、 <head>  设置相关信息,比如标题  </head>

                  (2、 <body>  显示在页面上的内容都写在body里面  </body>      

HTML语言简介和HTML中常用的标签(一)

        (3)、html的标签有开始标签,也要有结束标签

                    比如: <head>  </head>

       (4)、html的代码不区分大小写的

HTML语言简介和HTML中常用的标签(一)

       (5)、有些标签,没有结束标签;在标签内结束

                     比如: 换行: <br/> 

                                 一条水平线: <hr/>

HTML语言简介和HTML中常用的标签(一)

4、html的操作思想(*****)

         网页中有许多数据,不同的数据可能需要不同的显示效果,这时候需要使用标签把需要操作的数据包起来(封装起来);通过修改标签的属性值实现标签内数据样式的变化。

        也就是,一个标签相当于一个容器,想要修改容器内数据的样式,只需要改变容器的属性值,就可以实现容器内数据样式的变化。


html中常用的标签(一)


            *文字标签:修改文字的样式

                  -<font> </font>

                  -属性

                       **size    文字的大小 ;取值范围  [1,7]   ;超出7,也默认为7;

                      **color   文字颜色

                                       -两种表达方式:

                                               ***英文单词:red,green,blue,black,white,yellow,gray······

                                               ***使用十六进制表示:#ffffff:RGB

                                                         -通过工具实现不同颜色(另查所需工具软件):eg:#66cc66 (浅绿色)

HTML语言简介和HTML中常用的标签(一)

    


           *注释标签

                         html的注释:   <!-- html的注释内容 -->  

                                    (在浏览器运行时不会显示出来,但是在文本会显现出注释的内容)

HTML语言简介和HTML中常用的标签(一)


 标题内容、水平线标签和特殊字符


      * 标题内容

                 - <h1> </h1>   <h2> </h2>  <h3> </h3>······<h6></h6>

                  - (从h1到h6,大小是依次变小,同时会自动换行)

HTML语言简介和HTML中常用的标签(一)

        *水平线标签

                  - <hr/>

                    -属性:

                           **size :水平线的粗细,取值范围 [1,7]

                           ** color: 颜色

                    -代码:

                           **<hr size="5" color="blue"/ >

HTML语言简介和HTML中常用的标签(一)

        *特殊字符:

                -想要在页面上显示这样的的内容    <html>:是网页的开始

                -需要对特殊字符进行转义:

                        <   &lt;

                        >   &gt;

                       空格    &nbsp;

                        &   &amp;

HTML语言简介和HTML中常用的标签(一)