6.标题标签

 web: 网页 

 div块元素: 容器、布局 (承载网页的图文信息) 

 <div>
        hello 
    </div>

h1 ~ h6 是标题标签,默认字体加粗

 一个网页通常是一个h1标签

 h1 ~ h6 也是块标签。

 <style>
        h1 {
            height: 80px;
            width: 200px;
            background-color: skyblue;
        }
     </style>
     <h1>标题 # 1</h1>
     <h2>标题 # 2</h2>
     <h3>标题 # 3</h3>
     <h4>标题 # 4</h4>
     <h5>标题 # 5</h5>
     <h6>标题 # 6</h6>

  <p>段落....</p> 

     段落标签、通常形容一段文本、一段字符

     p标签不可以嵌套div或其他块元素,如果采用p标签嵌套div标签,就会出现p标签被分割。

     p标签可以嵌套文本、行内元素,但是不能直接嵌套块元素。

     p标签也是一种块标签的

 <style>
        p {
            /* 内边距 */
            padding: 0;  
            /* 外边距 */
            margin: 0;  

            width: 200px;
            height: 50px;
            background-color: yellowgreen;
        }
     </style>

     <p>
         <span>abc</span>
     </p>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值