本文主要是介绍前端学习之行内和块级标签,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
行内标签
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>span</title>
</head>
<body><!-- 行内标签特点:1、不换行,一行可以放多个2、默认宽度内容撑开代表:span:作用“为为子提供一个容器”一般结合css修饰字体--><span style="color: brown;font-size: 100px;">标签演示</span><b style="color: brown;font-size: 100px;">标签演示</b>
</body>
</html>
结果
块标签
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>div</title>
</head>
<body><!-- 块级标签特点:1、前后换行,一行只有一个代表:1、div:作用“布局使用”--><div style="width: 300px;height: 300px;background-color: aqua;" >测试内容</div><hr><div style="width: 300px;height: 300px;background-color: aqua;" >测试内容</div></body>
</html>
结果
不嫌弃的点点关注,点点赞 ଘ(੭ˊᵕˋ)੭* ੈ✩‧₊˚
这篇关于前端学习之行内和块级标签的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!