html重要知识点总结

HTML知识点总结

一、div，span

看起来相对于<em>,<strong>啥的没有什么效果，实际上是最实用的，有两大功能

1、容器，分块明确，使页面更结构化

<div >dkjgaklgja</div>
<div >
    <h1>分块操作</h1>
</div>
<div>
    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1512195786234&di=7aad12cdf6f606bfb651eaad02338f3b&imgtype=0
&src=http%3A%2F%2Fi2.hdslb.com%2Fbfs%2Farchive%2F98105c8b5929e326b0a898b2386ee7ddd5f0434a.jpg" width="200px">
</div>

效果：

2、捆绑操作，使操作更简便

<div style="color: #ff0000;background-color:#999">
    <h1>捆绑操作</h1>
    <strong>捆绑操作</strong>
    <em>捆绑操作</em>
    <i>捆绑操作</i>
</div><!--不用对h1,strong,em,i分别设置样式-->

效果：

二、ul,li（无序列表）

用途：做功能，由于他们的父子结构

适用于一种很常见情况：

功能由很多功能子项组成，子项的功能和样式相同的，只是内容有一点差别，如淘宝的导航栏</