网站一般多少钱,企业网络需求分析,wordpress里买的模板可以改,南昌网站建设加王道下拉每个HTML元素都有一个默认的显示值#xff0c;显示值又可以再分为block(块)和inline(内联)
一、块元素
通过F12进入浏览器开发者模式查看该元素会发现其所占宽度为整个网页的宽度
1.div标签
通过div标签将一些元素装进盒子#xff0c;从而对盒子中的全部元素…每个HTML元素都有一个默认的显示值显示值又可以再分为block(块)和inline(内联)
一、块元素
通过F12进入浏览器开发者模式查看该元素会发现其所占宽度为整个网页的宽度
1.div标签
通过div标签将一些元素装进盒子从而对盒子中的全部元素进行相同的操作
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titletable/title/headbodydiv aligncenterh2标题/h2p第一段/pp第二段/p/div/body
/html2.常见的块元素
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titletable/title/headbodytable width600 border1 cellspacing0 cellpadding0 aligncentercaptionb块级元素/b/captiontrth标题元素/thth段落元素/thth列表元素/thth表格元素/thth分块元素/th/trtr aligncentertdh1-h6/tdtdp/tdtdol,brli,brul,brdl,brdd,brdt/tdtdtable,brtr,brtd,brth,brthead,brtfoot,brcaptionbr/tdtddiv/td/tr/table/body
/html二、内联元素
内联元素(不会独占一行且只占用必要的宽度) 内联元素里不能嵌套块级元素
1. span标签
内联元素span用来标记文本的一部分而不产生额外的影响
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titletable/title/headbodyh2什么是佛系/h2pspan titleinline所谓佛系/span是对无法改变的事物的不强求而非浑浑噩噩的代名词/p/body
/html2.常见的内联元素
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titletable/title/headbody!-- 内联元素有 --table width600 border1 cellspacing0 cellpadding0 aligncentercaptionb内联元素/b/captiontrth链接元素/thth文本修饰元素/thth换行元素/thth图片元素/thth范围元素/th/trtr aligncentertda/tdtdb,brem,bri,brstrong,brsub,brsup/tdtdbr/tdtdimg/tdtdspan/td/tr/table/body
/html