之前写的html学习的文章都是零零散散的，这次出个整合的专栏，把内容集中起来，做个知识复盘，顺带刷刷题。牛客网非常值得一用，刷题也很好刷！对于基础入门最合适不过。
博主主页：WDm-xmax 原id：GUIDM
收入专栏：零基础html学习/刷题
刷题网站：牛客网
一、学习
文本修饰-常用标签
1、加粗
<b></b>：仅仅为了加粗显示文本。
<strong></strong>：表示该文本比较重要。
2、倾斜
<i></i>：仅仅为了斜体显示文本。
<em></em>：表示加强语气。
3、删除
<s></s>：不支持了
<del></del>：删除，表示为文字上加一条删除线。
4、下划线
<u></u>：下划线，表示为文字下方加一条横线。
5、角标标签
<sup></sup>：上角标
<sub></sub>：下角标
<body>
<p><b>夜间</b>，伴着阵阵虫鸣，嗅着甜甜花香，睁眼一看，这不是传说中的桃源吗？</p>
<p>你看，<u>潺潺溪水，悠闲的流淌着；斑斓的蝴蝶，自在的飞舞着；娇美的花儿，羞滴滴的笑着；</u>俊美的青树，满足的沐浴着阳光，流泻出沁人的翠。伶俐的鸟儿，飞于蓝天，和出舒心的曲。远处，矫健的绿山，披着那柔和的纱衣，在蓝天的映衬下，愈发清秀。</p>
<p>一切的一切，是那么的静谧，祥和。嘴角不自觉的扬起，丝丝惬意洋溢着。 </p>
<p><em>叽叽喳喳</em>，<del>恼人的嘈杂声充斥在周遭</del>，适才的曲儿可不是这般。随意的掀了被子，手端一杯白水，自坐在窗前，窗外原仍是枯枝残叶满地，间杂着些许昨夜悄然而至的雪……</p>
<p>尘风乍起，扰乱一池清水的宁静。<strong>离花散落，碎了梦中人的遐想</strong>。</p>
</body>
二、刷题
第一题
常见属性名有：src、controls、autoplay、loop
src:媒体文件路径
controls:在网页内显示音频控件
autoplay:打开网页时自动播放媒体文件
loop:循环的英文、就是循环播放
<audio src="" controls></audio>第二题
div::after表示在div元素后插入内容。
content 的初始值为 ‘normal’。在:before和:after上，如果指定了content 的初始值为 ‘normal’，则计算为 ‘none’ 。content 的值设置为 ‘none’ 不会生成伪元素。
需加display:block才能显示。
<style type="text/css">
/*补全代码*/
div::after{
content:"";
width:20px;
height:20px;
background-color:rgb(255, 0, 0);
display:block;
}
</style>第三题
<style type="text/css">
/*补全代码*/
div{
width:100px;
height:100px;
border:1px black solid;
border-radius:50px;
}
</style>第四题
padding：设置内间距；
margin：设置外间距。
<style type="text/css">
/*补全代码*/
div.box{
width:100px;
height:100px;
padding:20px;
margin:10px;
}
</style>
本文含有隐藏内容，请 开通VIP 后查看