前端标签

标签+元素

1.标题标签

段落标签

一级标题


二级标题


三级标题


四级标题


五级标题

六级标题

2.段落标签

 

我是一个段落标签

//不换行

3.容器标签

  
这是头部

今日价格

4.图片标签

5.超链接

链接

6.列表标签


  • 我是第一条信息

  • 我是第二条信息

  • 我是第三条信息

  • 我是第四条信息

  • 我是第五条信息

7.媒体标签

1.audio音频播放

2.video视频播放

3.注意:

  • autoplay是控制自动播放

    为城厢等地区用户提供了全套网页设计制作服务,及城厢网站建设行业解决方案。主营业务为成都网站设计、成都做网站、城厢网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

  • controls是控制是否显示播放控件

  • loop是控制视频或者音频播放到最后一帧的时候是否从头开始播放

8.块元素+特点

h1-h6 div p ul li

特点:

1.总是从新行开始 2.高度,行高、外边距以及内边距都可以控制。

3.宽度黑认是容器的100%

4.可以容纳内联元素和其他块元素。

9.行内元素+特点

span、a、img 、strong、i、u、s、

特点:

和相邻行内元素在一行上。 高、宽无效,但水平方向的padding和margin可以设置,垂直方向的无效。默认宽度就是它本身内容的宽度。 行内元素只能容纳文本或则其他行内元素。( a特殊)

只有左右边距

1.对齐vertical-align (图片旁边的文字)

vertical-align:bottom;(底线对齐)

vertical-align:base;(基线对齐)

vertical-align:middle;(中线对齐)

vertical-align:top;(顶线对齐)

10.行内块元素

img、 input、 td

1.和相邻行内元素(行内块〉在一行上,但是之间会有空白缝隙。

2.默认宽度就是它本身内容的宽度。 3.高度,行高、外边距以及内边距都可以控制。

11.快元素与行内元素标签转换

display: inline; /*块级元素转换为行内元素 */

display: block; /行内标签转换为块级标签/

12.行内元素转换为行内块元素

display: inline-block;


网页名称:前端标签
标题来源:http://csdahua.cn/article/dsojeop.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流