Warning: Undefined array key "wenan" in /www/wwwroot/suitangyanyi.com/jianzhan/app/show.php on line 46

Warning: Trying to access array offset on value of type null in /www/wwwroot/suitangyanyi.com/jianzhan/app/show.php on line 46
HTML, CSS学习笔记(完整版)-隋唐演义故事网-

{site_name}

{site_name}

🌜 搜索

HTML, CSS学习笔记(完整版)

▥ 𝄐 0
<br><p>.htm是早期的后缀&#xff0c;因为那时只能支持长度为3的后缀&#xff0c;因此html与htm是一样的。</p> <p>shtml是服务器先处理然后再交给浏览器处理</p> <p>?</p> <p>#HTML小知识#之#XHTML与HTML的区别#XHTML是更严谨更纯净的 HTML 版本。XHTML目标是取代HTML。更详细的介绍 XHTML 教程 http://t/h94BV</p> <p>?</p> <p>#HTML小知识#之#&lt;!DOCTYPE&gt;声明#位于文档中的最前面的位置&#xff0c;处于 &lt;html&gt; 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。该标签可声明三种 DTD 类型&#xff0c;分别表示严格版本、过渡版本以及基于框架的 HTML 文档。更详细的介绍http://t/h59taG</p> <p>?</p> <p>做网页先布局。</p> <p>先大处布局&#xff0c;在细节点缀。</p> <p>?</p> <p>container的高度可以不用设定height&#xff0c;子元素有高度会把父元素撑开的</p> <p>?</p> <p>1.ID命名可根据C语言变量命名规则</p> <p>2.HTML文件本身charset采用的编码必须与文件保存时的编码方式一样&#xff0c;否则出现乱码显现</p> <p>?</p> <p>?</p> <table><tbody><tr><td> <p><span style="color:teal">&lt;!</span><span style="color:#3F7F7F">DOCTYPE</span> <span style="color:teal"> html&gt;</span></p> <p><span style="color:teal">&lt;</span><span style="color:#3F7F7F">html</span><span style="color:teal">&gt;</span></p> <p>? <span style="color:teal">&lt;</span><span style="color:#3F7F7F">head</span><span style="color:teal">&gt;</span></p> <p>? <span style="color:teal">&lt;</span><span style="color:#3F7F7F">title</span><span style="color:teal">&gt;</span>页面布局<span style="color:teal">&lt;/</span><span style="color:#3F7F7F">title</span><span style="color:teal">&gt;</span></p> <p>? </p> <p>? <span style="color:teal">&lt;</span><span style="color:#3F7F7F">meta</span> <span style="color:#7F007F"> http-equiv</span>&#61;<em><span style="color:#2A00FF">&#34;keywords&#34;</span></em> <span style="color:#7F007F"> content</span>&#61;<em><span style="color:#2A00FF">&#34;keyword1,keyword2,keyword3&#34;</span></em><span style="color:teal">&gt;</span></p> <p>? <span style="color:teal">&lt;</span><span style="color:#3F7F7F">meta</span> <span style="color:#7F007F"> http-equiv</span>&#61;<em><span style="color:#2A00FF">&#34;description&#34;</span></em> <span style="color:#7F007F"> content</span>&#61;<em><span style="color:#2A00FF">&#34;this is my page&#34;</span></em><span style="color:teal">&gt;</span></p> <p>? <span style="color:teal">&lt;</span><span style="color:#3F7F7F">meta</span> <span style="color:#7F007F"> http-equiv</span>&#61;<em><span style="color:#2A00FF">&#34;content-type&#34;</span></em> <span style="color:#7F007F"> content</span>&#61;<em><span style="color:#2A00FF">&#34;text/html; charset&#61;UTF-8&#34;</span></em><span style="color:teal">&gt;</span></p> <p>? </p> <p>? <span style="color:teal">&lt;</span><span style="color:#3F7F7F">link</span> <span style="color:#7F007F"> rel</span>&#61;<em><span style="color:#2A00FF">&#34;stylesheet&#34;</span></em> <span style="color:#7F007F"> type</span>&#61;<em><span style="color:#2A00FF">&#34;text/css&#34;</span></em> <span style="color:#7F007F"> href</span>&#61;<em><span style="color:#2A00FF">&#34;NewFile.css&#34;</span></em><span style="color:teal">&gt;</span></p> <p>? </p> <p>? <span style="color:teal">&lt;/</span><span style="color:#3F7F7F">head</span><span style="color:teal">&gt;</span></p> <p>? </p> <p>? <span style="color:teal">&lt;</span><span style="color:#3F7F7F">body</span><span style="color:teal">&gt;</span></p> <p>? <span style="color:teal">&lt;</span><span style="color:#3F7F7F">div</span> <span style="color:#7F007F"> id</span>&#61;<em><span style="color:#2A00FF">&#34;container&#34;</span></em><span style="color:teal">&gt;</span></p> <p> <span style="color:teal">&lt;</span><span style="color:#3F7F7F">div</span> <span style="color:#7F007F">id</span>&#61;<em><span style="color:#2A00FF">&#34;header&#34;</span></em><span style="color:teal">&gt;&lt;/</span><span style="color:#3F7F7F">div</span><span style="color:teal">&gt;</span></p> <p> <span style="color:teal">&lt;</span><span style="color:#3F7F7F">div</span> <span style="color:#7F007F">id</span>&#61;<em><span style="color:#2A00FF">&#34;main&#34;</span></em><span style="color:teal">&gt;</span></p> <p> <span style="color:teal">&lt;</span><span style="color:#3F7F7F">div</span> <span style="color:#7F007F">id</span>&#61;<em><span style="color:#2A00FF">&#34;left&#34;</span></em><span style="color:teal">&gt;&lt;/</span><span style="color:#3F7F7F">div</span><span style="color:teal">&gt;</span></p> <p> <span style="color:teal">&lt;</span><span style="color:#3F7F7F">div</span> <span style="color:#7F007F">id</span>&#61;<em><span style="color:#2A00FF">&#34;right&#34;</span></em><span style="color:teal">&gt;&lt;/</span><span style="color:#3F7F7F">div</span><span style="color:teal">&gt;</span></p> <p> <span style="color:teal">&lt;/</span><span style="color:#3F7F7F">div</span><span style="color:teal">&gt;</span></p> <p> <span style="color:teal">&lt;</span><span style="color:#3F7F7F">div</span> <span style="color:#7F007F">id</span>&#61;<em><span style="color:#2A00FF">&#34;bottom&#34;</span></em><span style="color:teal">&gt;&lt;/</span><span style="color:#3F7F7F">div</span><span style="color:teal">&gt;</span></p> <p>? <span style="color:teal">&lt;/</span><span style="color:#3F7F7F">div</span><span style="color:teal">&gt;</span></p> <p>? <span style="color:teal">&lt;/</span><span style="color:#3F7F7F">body</span><span style="color:teal">&gt;</span></p> <p><span style="color:teal">&lt;/</span><span style="color:#3F7F7F">html</span><span style="color:teal">&gt;</span></p> <p>?</p> </td></tr><tr><td> <p><span style="color:#3F7F7F">&#64;CHARSET</span> <em><span style="color:#2A00E1">&#34;UTF-8&#34;</span></em>;</p> <p>?</p> <p><em><span style="color:#3F7F7F">#container</span></em> {</p> <p>? <span style="color:#7F007F">width</span>: <em><span style="color:#2A00E1">1000px</span></em>;</p> <p>? <span style="color:#7F007F">background-color</span>: <em><span style="color:#2A00E1">gray</span></em>;</p> <p>}</p> <p>?</p> <p><em><span style="color:#3F7F7F">#header</span></em> {</p> <p>? <span style="color:#7F007F">height</span>: <em><span style="color:#2A00E1">120px</span></em>;</p> <p>? <span style="color:#7F007F">background-color</span>: <em><span style="color:#2A00E1">red</span></em>;</p> <p>}</p> <p>?</p> <p><em><span style="color:#3F7F7F">#main</span></em> {</p> <p>? <span style="color:#7F007F">height</span>: <em><span style="color:#2A00E1">600px</span></em>;</p> <p>? <span style="color:#7F007F">background-color</span>: <em><span style="color:#2A00E1">yellow</span></em>;</p> <p>}</p> <p>?</p> <p><em><span style="color:#3F7F7F">#bottom</span></em>{</p> <p>? <span style="color:#7F007F">height</span>:<em><span style="color:#2A00E1">120px</span></em>;</p> <p>? <span style="color:#7F007F">background-color</span>: <em><span style="color:#2A00E1">blue</span></em>;</p> <p>}</p> <p>?</p> <p><em><span style="color:#3F7F7F">#left</span></em> {</p> <p>? <span style="color:#7F007F">width</span>: <em><span style="color:#2A00E1">700px</span></em>;</p> <p>? <span style="color:#7F007F">height</span>: <em><span style="color:#2A00E1">600px</span></em>;</p> <p>? <span style="color:#7F007F">float</span>: <em><span style="color:#2A00E1">left</span></em>;</p> <p>? <span style="color:#7F007F">background</span>: <em><span style="color:#2A00E1">green</span></em>;</p> <p>}</p> <p>?</p> <p><em><span style="color:#3F7F7F">#right</span></em> {</p> <p>? <span style="color:#7F007F">width</span>: <em><span style="color:#2A00E1">300px</span></em>;</p> <p>? <span style="color:#7F007F">height</span>: <em><span style="color:#2A00E1">600px</span></em>;</p> <p>? <span style="color:#7F007F">float</span>: <em><span style="color:#2A00E1">right</span></em>;</p> <p>? <span style="color:#7F007F">background-color</span>: <em><span style="color:#2A00E1">pink</span></em>;</p> <p>}</p> </td></tr></tbody></table> <p>?</p> <p>margin 外边框</p> <p>border 边框</p> <【【微信】】 内边框</p> <p>?</p> <p>外边距</p> <p>?</p> <table><tbody><tr><td> <p><span style="color:teal">&lt;!</span><span style="color:#3F7F7F">DOCTYPE</span> <span style="color:teal"> html&gt;</span></p> <p><span style="color:teal">&lt;</span><span style="color:#3F7F7F">html</span><span style="color:teal">&gt;</span></p> <p>? <span style="color:teal">&lt;</span><span style="color:#3F7F7F">head</span><span style="color:teal">&gt;</span></p> <p>? <span style="color:teal">&lt;</span><span style="color:#3F7F7F">title</span><span style="color:teal">&gt;</span>页面布局<span style="color:teal">&lt;/</span><span style="color:#3F7F7F">title</span><span style="color:teal">&gt;</span></p> <p>? </p> <p>? <span style="color:teal">&lt;</span><span style="color:#3F7F7F">meta</span> <span style="color:#7F007F"> http-equiv</span>&#61;<em><span style="color:#2A00FF">&#34;keywords&#34;</span></em> <span style="color:#7F007F"> content</span>&#61;<em><span style="color:#2A00FF">&#34;keyword1,keyword2,keyword3&#34;</span></em><span style="color:teal">&gt;</span></p> <p>? <span style="color:teal">&lt;</span><span style="color:#3F7F7F">meta</span> <span style="color:#7F007F"> http-equiv</span>&#61;<em><span style="color:#2A00FF">&#34;description&#34;</span></em> <span style="color:#7F007F"> content</span>&#61;<em><span style="color:#2A00FF">&#34;this is my page&#34;</span></em><span style="color:teal">&gt;</span></p> <p>? <span style="color:teal">&lt;</span><span style="color:#3F7F7F">meta</span> <span style="color:#7F007F"> http-equiv</span>&#61;<em><span style="color:#2A00FF">&#34;content-type&#34;</span></em> <span style="color:#7F007F"> content</span>&#61;<em><span style="color:#2A00FF">&#34;text/html; charset&#61;UTF-8&#34;</span></em><span style="color:teal">&gt;</span></p> <p>? </p> <p>? <span style="color:teal">&lt;</span><span style="color:#3F7F7F">link</span> <span style="color:#7F007F"> rel</span>&#61;<em><span style="color:#2A00FF">&#34;stylesheet&#34;</span></em> <span style="color:#7F007F"> type</span>&#61;<em><span style="color:#2A00FF">&#34;text/css&#34;</span></em> <span style="color:#7F007F"> href</span>&#61;<em><span style="color:#2A00FF">&#34;NewFile.css&#34;</span></em><span style="color:teal">&gt;</span></p> <p>? </p> <p>? <span style="color:teal">&lt;/</span><span style="color:#3F7F7F">head</span><span style="color:teal">&gt;</span></p> <p>? </p> <p>? <span style="color:teal">&lt;</span><span style="color:#3F7F7F">body</span><span style="color:teal">&gt;</span></p> <p>? <span style="color:teal">&lt;</span><span style="color:#3F7F7F">div</span> <span style="color:#7F007F"> id</span>&#61;<em><span style="color:#2A00FF">&#34;container&#34;</span></em><span style="color:teal">&gt;</span></p> <p> <span style="color:teal">&lt;</span><span style="color:#3F7F7F">div</span> <span style="color:#7F007F">id</span>&#61;<em><span style="color:#2A00FF">&#34;header&#34;</span></em><span style="color:teal">&gt;&lt;/</span><span style="color:#3F7F7F">div</span><span style="color:teal">&gt;</span></p> <p> <span style="color:teal">&lt;</span><span style="color:#3F7F7F">div</span> <span style="color:#7F007F">id</span>&#61;<em><span style="color:#2A00FF">&#34;main&#34;</span></em><span style="color:teal">&gt;</span></p> <p> <span style="color:teal">&lt;</span><span style="color:#3F7F7F">div</span> <span style="color:#7F007F">id</span>&#61;<em><span style=<br>..淘宝活动互助群2023,淘宝活动互助群2023,淘宝助力成功在哪看啊,近来,我们看到的最火爆的现象莫过于淘宝狂欢节淘宝互助一天有几次活动啊了,作为2023 淘宝618 年中大促,很多人为了能够获得618天猫狂欢节的红包,游戏道具,会特意组织群进行助力。能看的出来,2023 淘宝618 狂欢节淘宝活动互助群2023受欢迎的最大原因就在于在这种群里所有的群友都有共同的爱好,起码是都会一起玩的,沟通成本低,效率高。大家快来加入2023年淘宝618 狂欢节淘宝助力成功在哪看啊吧。​