黑马程序员技术交流社区

标题: 2032-李志颖-4月5日-直播课 [打印本页]

---

作者: 温存另一半的爱    时间: 2017-4-10 22:31
标题: 2032-李志颖-4月5日-直播课

1.HTML5：

     超文本：除了文本（字符），图片，视频，动画等内容

     标签：（标记），标识

     标签写法：<标签>

2.HTML文本文件存储格式：

       编码：utf-8    后缀.html

3.标签含义：

                html：告诉浏览器使用html语言

                head：网站头部

                title：网页的标题

                body：存放网页的主体内容

4.标签及属性:

                1.双标签（容器标记、围堵标记） ： 有开始，有结束

                语法：<标签 属性=“属性值”，等等></标签>

                2.单标签（空标记）： 有开始，无结束

                语法：<标签 属性=“属性值” />或者<标签 属性=“属性值” >

       每一个标签就是一个对象，每个对象都有属性，一个对象有多个属性，

       属性之间没有顺序

5.常用标签：<p></p> 段落

                       <br />   换行

                       <hr />   水平线

                       <b></b>     粗体

                        <i></i>   斜体

                        <u></u> 下划线

                        <strong></strong> 强调标记 通过加粗来强调

                        <em></em>   强调标记  通过倾斜的方式来强调

               从外观上看<b>和<strong>，<i>和<em>是一样的，但对SEO(搜索引

           擎优化)影响很大，<b>和<i>没有强调作用，在实际工作中建议使用强调标记。

                        <sup>  top 上标   例：x² 表示x的平方

                        <sub>bottom 下标   例：Fe₃O₄  表示四氧化三铁

   

   6.表格：

                默认情况下是流布局，不能随意摆放位置

                <table></table>  表

                <tr></tr>   行

                <td></td>单元格

                <th></th>列

<table>

          <tr>

                  <th>列1</th>

                  <th>列2</th>

                  <th>列3</th>

          </tr>

          <tr>

                  <td>列1属性1</td>

                  <td>列2属性1</td>

                  <td>列3属性1</td>

          </tr>

</table>

7.单元格中对其方式

       对齐分为水平对齐和垂直对齐

       水平对齐 align=left    center   right

       垂直对齐 valign=top    middle    bottom

8.单元格间隔和单元填充

       单元格间距： 单元格和单元格之间的间距

       单元格填充：内容距离单元格的距离

        border：边框

        cell：单元格

        space：距离

        padding：填充

通过cellspacing设置单元格间距

通过cellpadding设置单元格填充

9.合并单元格

         合并单元格分为合并行和合并列

         colspan：  col（列）span（跨度）

         rowspan： row（行）

         例：colspan=“3”    rowspan=“3”

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2