HTML笔记——块级标签与行级标签

HTML笔记——块级标签与行级标签

1. 块级别标签
   作用：搭建网页的结构
   特点：宽度默认占满父元素,高度默认由内容决定,宽高可以自定义。

<div>
     <ul>
      <li></li>
     </ul>
    </div>

div 【容器】无意义的块元素（无招胜有招）
h1~h6 标题
p 段落
ul>li 【容器】列表
ol>li 【容器】列表
dl>dd,dt 【容器】列表

<div class="content">
    <div class="wrap">
     <h1 class="header"></h1>
     <div class="products">
      <ul>
       <li></li>
       <li></li>
       <li></li>
       <li></li>
       <li></li>
       <li></li>
       <li></li>
      </ul>
     </div>
    </div>
   </div>

2. 行级别标签
   作用：填充网页
   特点：默认宽高由内容决定；宽高无法指定；所有的行内元素可以共享一行空间;行内元素内部一般不允许嵌套子元素，只允许放文本。
   span 无意义的行内元素
   a 超链接
   href
   target
   img 图片
   src
   alt 当图片找不到的时候的文本替代

<span>hello</span>
   <a href="">百度一下</a>