HTML5常用标签及特殊字符表

2019-05-03 作者:计算机教程   |   浏览(116)

永利电子游戏网站 1

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>

*http://html5doctor.com/nav
*http://html5doctor.com/article
*http://html5doctor.com/section
*http://html5doctor.com/aside
http://html5doctor.com/div
http://html5doctor.com/figure
http://html5doctor.com/outline
http://html5doctor.com/semantics

HTML超链接:

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

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

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

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

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

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

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

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

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

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

1,目标元素的id

永利电子游戏网站,2,a标签的href属性指向该id


 

p 和 span 的理解

p标签是指一个段落,而且默认是一个块级元素,
span是一个行内元素的代表,没有什么意思,一般可以放文字等行内元素

<p>这是一段简介内容这是一段 简介 内容这是一段简介内容这是一</p>

 


 列表

1、无序列表(列表标签中使用最多的一种,非常重要):unordered list

制作导航条、商品列表、新闻列表等
有序列表能做的,无序列表都能完成

永利电子游戏网站 2永利电子游戏网站 3

#1、作用:
制作导航条、商品列表、新闻列表等
#2、组合使用ul>li
    <ul>
        <li>秒杀</li>
        <li>优惠券</li>
        <li>PLUS会员</li>
        <li>闪购</li>
        <li>拍卖</li>
        <li>京东服饰</li>
        <li>京东超市</li>
        <li>生鲜</li>
        <li>全球购</li>
        <li>京东金融</li>
    </ul>

#3、ul标签的属性type(这属于列表的样式,所以了解即可)
type:列表标识的类型
        disc:实心圆(默认值)
        circle:空心圆
        square:实心矩形
        none:不显示标识
可以通过css直接去掉小圆点
<style type="text/css">
            ul {
                list-style: none;
            }
</style>

#4、注意
ul与li是组合标签应该一起出现,并且ul的子标签只应该是li,而li的子标签则可以是任意其他标签

无序列表(列表标签中使用最多的一种,非常重要):unordered list

2、有序列表(极少使用)

永利电子游戏网站 4永利电子游戏网站 5

 <h1>智商排名</h1>
    <ol>
        <li>Egon</li>
        <li>刘清正</li>
        <li>武佩奇</li>
        <li>alex</li>
        <li>元昊</li>
    </ol>

    <!--有序列表能干的事,完全可以用无序列表取代-->
    <h1>智商排名</h1>
    <ul style="list-style: none">
        <li>1. Egon</li>
        <li>2. 刘清正</li>
        <li>3. 武佩奇</li>
        <li>4. alex</li>
        <li>5. 元昊</li>
    </ul>

有序列表(极少使用)

3、自定义列表(也会经常使用)

永利电子游戏网站 6永利电子游戏网站 7

#1、作用分析
选择用什么标签的唯一标准,是看文本的实际语义,而不是看长什么样子
无序列表:内容是并列的,没有先后顺序
有序列表:内容是有先后顺序的
自定义列表:对一个题目进行解释说明的时候,用自定义列表,可以做网站尾部相关信息,网易注册界面的输入框

#2、自定义列表也是一个组合标签:dl>dt dd
dl:defination list,自定义列表
dt:defination title,自定义标题
dd:defination description,自定义描述
<dl>
    <dt>自定义标题1<dt>
    <dd>描述1<dd>
    <dd>描述2<dd>
    <dd>描述3<dd>

    <dt>自定义标题2<dt>
    <dd>描述1<dd>
    <dd>描述2<dd>
    <dd>描述3<dd>

    <dt>自定义标题3<dt>
    <dd>描述1<dd>
    <dd>描述2<dd>
    <dd>描述3<dd>
</dl>
 #3、注意: 3.1 dl>dt dd应该组合出现,dl中只应该存放dt和dd,而可以在dt和dd中添加任意其他标签 3.2 一个dt可以可以没有对应的dd,也可以有多个,但建议一个dt对应一个dd

3、自定义列表(也会经常使用)

 


 

本文由永利电子游戏网站发布于计算机教程,转载请注明出处:HTML5常用标签及特殊字符表

关键词: