6257rv7 发表于 2024-6-29 13:46:24

编程入门：来认识HTML和CSS


    <h2 style="color: black; text-align: left; margin-bottom: 10px;">HTML和CSS之间的关系：</h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">入门编程的伙伴，<span style="color: black;">咱们</span>先从HTML和CSS这两个简单的语言<span style="color: black;">起始</span>入门，简单的语言能够<span style="color: black;">提高</span><span style="color: black;">咱们</span>对编程的兴趣，学习起来并不会感觉枯燥<span style="color: black;">没</span>味。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS是<span style="color: black;">掌控</span>HTML内标签<span style="color: black;">表示</span><span style="color: black;">区别</span>布局样式。<span style="color: black;">能够</span><span style="color: black;">掌控</span>对应html标签颜色、字体<span style="color: black;">体积</span>、字体、宽度、高度、浮动等样式。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">能够</span><span style="color: black;">这般</span>说：HTML犹如一个人，而CSS则是服饰。<span style="color: black;">经过</span><span style="color: black;">区别</span>服饰打扮出<span style="color: black;">区别</span>风格人。</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic4.zhimg.com/80/v2-5e481358590391862d965a5527d5eb1f_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">1、</span>Css与html<span style="color: black;">区别</span></h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS语法与HTML语法完全<span style="color: black;">区别</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1、HTML里代码是功能标签，如DIV、SPAN、A链接、em标签、I斜体标签、u下划线等</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">html代码语法范例：</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;div&gt;内容&lt;/div&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;span&gt;内容&lt;/span&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2、CSS样式代码语法</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">div{样式单词：值}</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">如div{font-size:12px;} 设置div对象内字体<span style="color: black;">体积</span>为12px</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">从以上2点<span style="color: black;">能够</span>看出HTML与CSS样式语法完全<span style="color: black;">区别</span>。CSS<span style="color: black;">掌控</span>了html标签对象的样式表现。而HTML内标签表现样式（美化）被CSS<span style="color: black;">掌控</span>。</p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">2、</span>Css与html相同</h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS与HTML相同之处在于，两个<span style="color: black;">一起</span>作用让网页实现<span style="color: black;">必须</span>的布局样式。</p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">3、</span>DI V+CSS叫法<span style="color: black;">原由</span></h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在HTML中<span style="color: black;">咱们</span>平凡地<span style="color: black;">运用</span>DIV标签，而<span style="color: black;">经过</span>CSS样式表对html标签赋予样式实现网页布局，由此<span style="color: black;">咱们</span>通俗认为DIV+CSS<span style="color: black;">表率</span>XHTML（HTML）+CSS。平时<span style="color: black;">咱们</span>所听所说的DIV+CSS<span style="color: black;">大众</span>就要立刻理解为，<span style="color: black;">经过</span>CSS样式+HTML代码实现的HTML静态网页通俗<span style="color: black;">叫作</span>法。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">经过</span><span style="color: black;">以上</span><span style="color: black;">认识</span>我想这一门WEB教程，非常适合拿过来学习。内容非常的丰富且内容非常充实；</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">爱好</span>的WEB前端的<span style="color: black;">能够</span>进行观看哦，1300多集内容非常之多，简直<span style="color: black;">能够</span>直接通关。</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><a style="color: black;"><span style="color: black;"><span style="color: black;">WEB前端全套教程_<span style="color: black;">基本</span>到精通最全课程_1300集前端视频/CSS3/HTML5/JS/前端web/WEB<span style="color: black;">研发</span>/</span></span></a>web编程/web前端HTML教程_哔哩哔哩_bilibili<span style="color: black;"><span style="color: black;">​</span>www.bilibili.com/video/BV1qZ4y1P7qG</span><span style="color: black;"><img src="https://pic1.zhimg.com/v2-31973e34140c829f5f0b0bb6f742989c_180x120.jpg" style="width: 50%; margin-bottom: 20px;"></span></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Css与html<span style="color: black;">针对</span>Java编程语言<span style="color: black;">亦</span>是一门必要的学习语言，<span style="color: black;">此刻</span>Java语言发展大<span style="color: black;">都数</span><span style="color: black;">亦</span>都是WEB<span style="color: black;">公司</span>级后端，Css与html是<span style="color: black;">此刻</span>学习任何语言的<span style="color: black;">必须</span>的<span style="color: black;">基本</span>语言。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在学习Java这门编程语言，非常值得<span style="color: black;">举荐</span>这一套课程:内容紧凑、紧跟时代更新、<span style="color: black;">无</span>拖泥带水<span style="color: black;">行径</span>，合适入门的课程：</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><a style="color: black;"><span style="color: black;"><span style="color: black;">Java300集零<span style="color: black;">基本</span>适合初学者视频教程_Java300集零<span style="color: black;">基本</span>教程_Java初学入门视频<span style="color: black;">基本</span>巩固教程_Java语言入门到精通_哔哩哔哩_bilibili</span><span style="color: black;"><span style="color: black;">​</span>www.bilibili.com/vi</span></span></a>deo/BV1oy4y1H7R6<span style="color: black;"><img src="https://pic3.zhimg.com/v2-440f167c4a7f973be537885e045ebb96_180x120.jpg" style="width: 50%; margin-bottom: 20px;"></span></div>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic4.zhimg.com/80/v2-2f71d5aa6d274b37c7e3b7b8afca27fb_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;">下面来介绍一下Css与html的标签、语法、<span style="color: black;">运用</span>方式：</h2>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;">HTML简单的标签：</h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1、&lt;!DOCTYPE&gt; </p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">必要</span>是 HTML 文档的<span style="color: black;">第1</span>行，<span style="color: black;">位置于</span> &lt;html&gt; 标签之前</p>




qzmjef 发表于 2024-10-1 18:02:55

我深受你的启发，你的话语是我前进的动力。
页: [1]
查看完整版本: 编程入门：来认识HTML和CSS