美文网首页
HTML基础二

HTML基础二

作者: IT的咸鱼 | 来源:发表于2018-03-27 14:19 被阅读0次

    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

    相关文章

      网友评论

          本文标题:HTML基础二

          本文链接:https://www.haomeiwen.com/subject/wodkcftx.html