1、html结构

   

   

    html</span><span style="font-family:'宋体';font-size:12px;">结构</span><span style="font-family:Monaco;font-size:12px;">

    “主体结构”

         告诉浏览器当前文档类型（html）

          根标签

            定义了头部

            网页的名称（标题）

         网页主体（网页中看到的所有信息都放在body标签中）

2、html标签关系分类

    HTML标签是分等级的，HTML将所有的标签分为两种：容器级、文本级.

容器级的标签:里面可以放置任何东西。

文本级的标签里面:只能放置文字、图片、表单元素。

    文本级标签：p、a

    容器级标签:h

    嵌套标签（父子关系）

       

           

    并列关系

       

3、html标签分类

    双标签（有开始，有结束）

    单标签:只有开始标签，没有结束标签

4、单标签

    a．文本注释标签：

(快捷键: Ctrl+/)

    b．横线标签

    c．换行标签


5、双标签

    a．标题标签

n:1-6

        取值越大，字体越小。切记：没有h7以后的标签

    b．段落标签

       

    c．字体标签

       

    d．文字加粗

       

       

    e．文字斜体显示

       

       

    f．下划线

        下划线

       

    g．删除线

        原价880

       

6、图片标签

   

    src     图片的名称/图片的路径

    alt     图片无法正常加载的时候，对图片的说明

    title   当鼠标放到图片上显示的文字

    width   设置宽度

    height  设置高度

7、超链接

百度 实现网页之间的跳转

         鼠标放到超链接上显示的文字：

这是百度">百度

    锚链接：

        a．在页面中写一个超链接

找百度去

        b．给任何一个标签id取值和a标签中的 href取值一样

我是百度

    总结：实现在本页面中跳转

target='_blank'     在新窗口中打开页面

    优化写法：

  #这么写

    百度

 

 

 

8、特殊符号

    大于号 >     >

    小于号 <     <

    空格          

9、列表

    a．无序列表

   

  •    列表项

        例如：type默认为实心圆

  • shaw

  • sam

  • stiven

        Type属性：circle    空心圆

        Type属性：square    实心正方形

    b．有序列表

  1.    列表项

        例如：type默认为数字

把大象放冰箱，需要几步

  1. 打开冰箱门

  2. 把大象放进去

  3. 关上冰箱门

        Type属性：type="I"  条状I II III

        Type属性：type="1 | A | a | I"等

        Type属性：type="a" start="2"表示序列类型为小写字母，排序从第二个开始

    c．自定义列表

   标题

   用法和li一样