Web前端教程-02.04.HTML5样式、链接和表格

02.HTML5

02.04.HTML5样式、链接和表格

• HTML样式
• HTML链接
• HTML表格

02.04.01.HTML样式

1. 标签：

   • style：样式定义
   • link：资源引用

2. 属性：

   • rel=”stylesheet”：外部样式表
   • type=”text/css”：引入文档的类型
   • margin-left：边距

3. 三种样式表插入方法：

   • 外部样式表

     <link rel="stylesheet" type="text/css" href="mystyle.css"/>

   • 内部样式表

     <style type="text/css">
         body{background-color: red;}
         p{margin-left: 20px;}
     </style>
     

   • 内联样式表

     <p style="color: red;"></p>

02.04.02.HTML链接

1. 链接数据：
   
   • 文本链接
   • 图片链接
2. 属性：
   
   • href属性：指向另一个文档的链接
   • name属性：创建文档内的链接
3. img标签属性
   
   • alt：替换文本属性
   • width：宽
   • height：高

02.04.03.HTML表格