HTML基础二

2018-03-27  本文已影响0人  IT的咸鱼

HTML列表:

在html中,列表共分为三种:有序列表,无序列表和自定义列表

有序列表:有序列表中的各个列表都是有顺序的。有序列表从<ol>开始,</ol>结束。ol全写(ordered list),li即(list)应配合ol一起使用,不可单独使用

固定语法:

<ol>

       <li>有序列表</li>

</ol>

无序列表:默认情况下,列表符号是●  ,ul无序列表,全写(unordered  list),用法跟有序列表一样,只能配合li使用。无序列表是最常用的一种列表.

定义列表:dl即(definition  list)定义列表,dt即(definition  term)定义名词,dd即(definition  description)定义描述。该语法中,<dl>  标记和 </dl>标记分别定义了定义列表的开始和结束;dt标签用于添加要解释的名词;而dd标签用于添加该名词的具体解释。

语法:

<dl>

     <dt>HTML </dt>

     <dd>制作网页的标准语言,控制网页的结构</dd>

</dl>

HTML表格:

html中,一个表格一般会分为以下三个部分组成:

表格:<table>    </table>

行:<tr>  </tr>

单元格:<td>    </td>

表格的标题:<caption>    </caption>一个表格只能有一个标题,就是只能有一个caption。

表头单元格:使用th标签

基本语法如下:

        <table>

              <caption>表格标题</caption>

                <tr>

                          <th>表头单元格</th>

               </tr>

                <tr>

                       <td>表行单元格</td>

                </tr>

       </table>

      合并行:可以使用rowspan属性来合并行。所谓的合并行,指的是将“纵向的N个单元格”合并。

语法:<td   rowspan="跨越的行数"></td>

      合并列:可以用colspan属性来合并列。所谓的合并列,指的是将“横向的N个单元格”合并

  语法:<td  colspan="跨越的列数"></td>

HTML超链接:

1,可以使用a标签来实现超链接。

语法:<a href="链接地址">文本或图片</a>

2,也可以将文本设置为超链接,这个叫做“文本超链接”。还可以将图片设置超链接,叫做“图片     超链接”。

3,可以使用target属性定义超链接打开窗口的方式。一般在实际开发中,我们只会用到"_blank”(在新窗口打开链接)这一个值。

语法:<a href="链接地址" target="打开方式"></a>

4,内部链接:超链接有两种,一种是“外部链接”,另一种是“内部链接”。

外部链接指向的是“外部网站的页面,而内部链接”指向的是“自身网站的页面”。

5,锚点链接:其实是内部链接的一种,连接的地址(也就是href)指向的是当前页面的某个部分。

简单说就是点击某个超链接,就会跳到“当前页面”的某一部分。

实现锚点链接,需要定义两个:

1,目标元素的id

2,a标签的href属性指向该id

上一篇 下一篇

猜你喜欢

热点阅读