天才一秒记住【新笔下文学】地址：www.bixiabook.cc
蛋黄喊着乌弟上楼。走到乌弟猫碗前把蛋黄碾碎后和猫粮混合在一起乌弟就吃起来，倒着细妹的猫粮后混着益生菌后拿进房倒进猫碗里那小子也吃得嘎嘎香。
第21节htmL排版标签
标签名h1~h6含义是标题为双标签。标签名p含义是段落为双标签。标签名div含义是没有任何含义，用于整体布局（生活中的包装袋）为双标签。
注意：1.h1最好写一个，h2~h6可以适当多写。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＞ --＞
＜!-- 行内元素， 特点:不独占一行--＞
＜!-- ＜input type=\"text\"＞
＜input type=\"text\"＞
＜span＞ 尚硅谷 ＜\/span＞
＜span＞ 尚硅谷 ＜\/span＞ --＞
＜!--规则1：块级元素中能写：行内元素，块级元素（几乎什么都能写） --＞
＜!-- ＜div＞
＜span＞ 尚硅谷1 ＜\/span＞
＜input type=\"text\"＞
＜div＞尚硅谷2＜\/div＞
＜\/d
本章未完，请点击下一章继续阅读！若浏览器显示没有新章节了，请尝试点击右上角↗️或右下角↘️的菜单，退出阅读模式即可，谢谢！