web前端入门到实战：html常见的块元素与内联（行内）元素用法说明

html平时常见的块元素有：div, p, h2, h3, h4等，内联元素有：span, a, img等。

登封ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联公司的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：18982081108（备注：SSL证书合作）期待与您的合作！

块元素的属性：无论内容是什么，都会独占一整行。主要用于页面布局。

内联元素的属性：只占自身大小的元素，不会占用一行。主要用于选中文本设置样式。

div块元素仅仅只用于进行页面布局，它自身不带任何默认样式。

span内联元素可以用来选中文本设置文本的样式，其自身不会带默认样式。

一般情况下，只使用块元素包含内联元素，而不会使用内联元素去包含块元素。

a元素可以包含任意元素，除了其本身。

p元素不可包含任何的块元素。


块元素之div：

    div 噫吁嚱，危乎高哉！蜀道之难，难于上青天！蚕丛及鱼凫，开国何茫然！
    div 噫吁嚱，危乎高哉！蜀道之难，难于上青天！蚕丛及鱼凫，开国何茫然！
    div 噫吁嚱，危乎高哉！蜀道之难，难于上青天！蚕丛及鱼凫，开国何茫然！
    div width=300px 噫吁嚱，危乎高哉！蜀道之难，难于上青天！蚕丛及鱼凫，开国何茫然！
    div width=500px 噫吁嚱，危乎高哉！蜀道之难，难于上青天！蚕丛及鱼凫，开国何茫然！
    块元素之p：

    p 尔来四万八千岁，不与秦塞通人烟。西当太白有鸟道，可以横绝峨眉巅。
    p 尔来四万八千岁，不与秦塞通人烟。西当太白有鸟道，可以横绝峨眉巅。
    p 尔来四万八千岁，不与秦塞通人烟。西当太白有鸟道，可以横绝峨眉巅。
    p width=300px 尔来四万八千岁，不与秦塞通人烟。西当太白有鸟道，可以横绝峨眉巅。
    p width=500px 尔来四万八千岁，不与秦塞通人烟。西当太白有鸟道，可以横绝峨眉巅。
    块元素之h(h2, h3, h4)：

    h2 蜀道难
    h3 蜀道难
    h4 蜀道难
    h4 width=300px 蜀道难
    h4 width=500px 蜀道难
    内联元素之span：

    西当太白有鸟道，可以横绝峨眉巅。
    西当太白有鸟道，可以横绝峨眉巅。
    西当太白有鸟道，可以横绝峨眉巅。
    
内联元素之a：

    地崩山摧壮士死，然后天梯石栈相钩连。
    地崩山摧壮士死，然后天梯石栈相钩连。
    地崩山摧壮士死，然后天梯石栈相钩连。
    地崩山摧壮士死，然后天梯石栈相钩连。
        web前端开发学习Q-q-u-n： 784783012 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法
（详细的前端项目实战教学视频，PDF）

效果显示（默认在谷歌浏览器下）：