当前位置: 移动技术网 > IT编程>网页制作>CSS > HTML入门初学习

HTML入门初学习

2019年01月13日  | 移动技术网IT编程  | 我要评论

    html初学习(1)

    1:一个html文件的开始标签和结束的标签

    2:html包含两部分内容

    (1)

    设置相关信息

    (2)

    显示在页面上的内容都写在body里面

    3:html的标签有开始标签,也要有结束标签

    4:html的代码不区分大小写的

    5:有些标签,没有结束标签,在标签内结束

    比如 换行
    一条横线


    html的操作思想:

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

    html中常用的标签:

    1:文字标签和注释标签

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

    --

    --属性:

    *size:文字的大小 取值范围 1~7,超出7,默认还是7

    *color:文字的颜色

    --两种表示方式

    **英文单词: red green blue.....

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

    -通过工具实现不同的颜色

    *注释标签

    --html的注释:

    2:标题标签、水平线标签和特殊字符

    *标题标签

    --从h1到h6,大小一次变小,同时自动换行

    *水平线标签

    --


    *属性

    -size:水平线的粗细,取值范围 1~7

    -color:颜色

    *特殊字符

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

    * < : <

    * > : >

    * 空格 :

    * & : &

    3:列表标签

    --比如现在显示这样的效果

    古龙

    绝代双骄

    风云第一刀

    欢乐英雄

    **

    : 表示列表的范围

    **在dl 里面

     
    : 上层内容

    **在dl 里面

     
    :下层内容

    -代码

    古龙
    绝代双骄
    风云第一刀
    欢乐英雄

    --想要在页面上显示这样的效果

    1.绝代双骄

    2.风云第一刀

    3.欢乐英雄

    a.绝代双骄

    b.风云第一刀

    c.欢乐英雄

    i.绝代双骄

    ii.风云第一刀

    iii.欢乐英雄

    **

      : 有序列表的范围

      -属性 type :设置排序方式 1(默认是),a,i

      **在ol标签里面

      • 具体内容

      -代码

      1. 绝代双骄
      2. 风云第一刀
      3. 欢乐英雄

      **

        : 表示无序列表的范围

        属性:type:空心圆circle、实心方块squre、实心圆disc,默认disc

        **代码

        • 绝代双骄
        • 风云第一刀
        • 欢乐英雄

        就目前来说,html前面的内容还是比较简单易懂的,就是需要记忆的东西比较多,今日就如此了,来日继续努力!

      如对本文有疑问, 点击进行留言回复!!

      相关文章:

      验证码:
      移动技术网