2016-4-29HTML标记的使用

本文介绍了HTML中的div和span标记的使用方式,并解释了它们作为块元素和行内元素的区别。此外,还详细说明了HTML字符实体的作用及无序列表与有序列表的应用。

HTML标记的使用

div和span标记

这两个标记,如果单独使用,没有任何效果,一般要结合CSS来使用。

这两个标记虽然没有任何意义,但是在DIV+CSS中又是用的最多的

相当于两个小的容器,里面用来存放其他内容,方便排版布局

块元素和行内元素

块元素:单独占取通栏的宽度,前后的元素必须另起一行排版。比如< p >,< pre>。
行内元素:多个行内元素排在同一行,行内元素没有宽度,宽度是由内容来决定。比如:< b >,< i >,< u >,< span >,< sub >。

HTML字符实体

    <pre>
         &nbsp;    代表一个半角空格
         &gt;      >;
         &lt;           <;
         &amp;      &;
         &yen;          人民币;
         &copy;         版权;
         &times;        乘号;
         &divide;       除号;
        
    </pre>

项目符号标记(无序列表):块级元素

    <ul  type="disc">
            <li type="circle">内容1</li> 
            <li>内容2</li>
    </ul>
  • 内容1
  • 内容2
  • 内容3

常用的属性:
 , , , ,Type:项目符号的类型,取值:disc(实心圆点),circle(小圆圈),square(小方块)

编号列表(有序列表

<ol type="a" start="3">
    <li></li>
    <li></li>
    ......
</ol>
  1. 哈哈1
  2. 哈哈2
  3. 哈哈3
  4. 哈哈4

常用的属性:
Type:编号类型,取值:1(数字),a,A,i(小罗马),I(大罗马) start:编号的起始数,该值是一个数字。比如:start=3;

转载于:https://www.cnblogs.com/shuiyaodongwu310988929/p/5447766.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值