读文小说网

手机浏览器扫描二维码访问

第43章 火烧迎宾馆（第3页）

2.h1~h6不能互相嵌套，例如：h1标签中最好不要写h2标签了。

3.p标签很特殊！

它里面不能有：h1~h6、p、div标签。

第22节htmL语义化标签

概念：用特定的标签，去表达特定的含义。

原则：标签的默认效果不重要（后期可以通过cSS随便控制效果），语义最重要！

举例：对于h1标签，效果是文字很大（不重要），语义是网页主要内容（很重要）。

代码示例：＜title＞htmL排版标签＜title＞

＜style＞

h1{

font-size:12px;

color:red;

background-color:green;

transform:rotate（-10deg）

}

＜style＞

＜head＞

＜body＞

＜h1＞把个人信息“安全堤”

筑牢＜h1＞

代码中的font-size表示改变标题字体的大小，color表示标题的颜色，background-color表示背景色，transform表示选择标题。

优势：代码结构清晰可读性强。

有利于SEo（搜索引擎优化）。

方便设备解析（如屏幕阅读器、盲人阅读器等）。

第二十三节块级元素与行内元素

1.块级元素：独占一行（排版标签都是块级元素）。

2.行内元素：不独占一行（目前只学了：input之后学习更多。

示例：＜title＞块级元素与行内元素＜title＞

＜head＞

＜body＞

＜!--块级元素，特点:独占一行--＞

＜!--＜marquee＞尚硅谷＜marquee＞

＜marquee＞尚硅谷＜marquee＞

＜h1＞尚硅谷＜h1＞＜h1＞尚硅谷＜h1＞

＜p＞尚硅谷＜p＞＜p＞尚硅谷＜p＞

＜div＞尚硅谷＜div＞

＜div＞尚硅谷＜div＞--＞

＜!--行内元素，特点:不独占一行--＞

＜!--＜inputtype="text"＞

＜inputtype="text"＞