ikkhksvu 发表于 2024-6-30 00:57:55

HTML简介


    <h2 style="color: black; text-align: left; margin-bottom: 10px;">1:HTML简<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>为:HyperText Markup Language。超文本标记语言。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML是<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>HTML的编写规范是<span style="color: black;">怎么样</span>的？</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;">&lt;!DOCTYPE html&gt;
      &lt;html&gt;
      &lt;head&gt; &lt;/head&gt;
      &lt;body&gt; &lt;/body&gt;
      &lt;/html&gt;</div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这个<span style="color: black;">便是</span>最简单基本的HTML骨架</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;!DOCTYPE html&gt; 这句代码很<span style="color: black;">要紧</span>，<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;">有人说，我不写不<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><span style="color: black;">各样</span>各样的意想不到的BUG要去调试，既然这样，<span style="color: black;">为何</span>不写上这个语句呢?</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">html，head，body这三个标签都<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;">&lt;!DOCTYPE html&gt;
      你好</div>
    <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>浏览器会自动帮你加上head ,body ,html 这些标签<span style="color: black;">罢了</span>。</p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;">2：常用的标签</h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;a&gt;标签：用来包裹通向其它网页，文件，同一页面的<span style="color: black;">区别</span>位置等URL超链接</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;ul&gt;标签：ul: un-ordered list：<span style="color: black;">没</span>序列表</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;ol&gt;标签：ordered list :有序列表</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;small&gt; 标签: 用来<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;">&lt;strong&gt;标签：用来<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;">&lt;div&gt;标签：div:divide；用来划分区域，</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;span&gt;标签：用来划分横向的区域。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">div 和span<span style="color: black;">倘若</span><span style="color: black;">无</span>加上class 的话，<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;"><span style="color: black;">况且</span>除了div和span之外的其它标签都是有默认样式的。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">kdb: keyboard，用来<span style="color: black;">暗示</span>键盘上的按键,将其包起来</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">vedio: 视频</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">audio :音频</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">svg：不规则的图形</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;strong&gt; 和&lt;b&gt;都能<span style="color: black;">暗示</span>加粗.</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;">新的<span style="color: black;">研发</span>者经常感到疑惑，<span style="color: black;">为何</span>在一个渲染的网站上会有这么多方式来表达<span style="color: black;">一样</span>的东西。Bold和Strong可能<span style="color: black;">便是</span>这其中的一种。
      <span style="color: black;">为何</span><span style="color: black;">运用</span>&lt;strong&gt;&lt;/strong&gt;而不是&lt;b&gt;&lt;/b&gt;? <span style="color: black;">运用</span>strong的话你不得不打<span style="color: black;">更加多</span>的字母，却产生出和b<span style="color: black;">一样</span>的效果，对吧？
      <span style="color: black;">亦</span>许并不是； strong是一个<span style="color: black;">规律</span>状态，而bold是一个<span style="color: black;">理学</span>状态。<span style="color: black;">规律</span>状态分离内容和表现形式，<span style="color: black;">运用</span><span style="color: black;">规律</span>状态<span style="color: black;">准许</span>你用<span style="color: black;">各样</span><span style="color: black;">区别</span>的方式来表达。
      <span style="color: black;">例如</span>你想把文字渲染成红色，<span style="color: black;">运用</span>其它<span style="color: black;">体积</span>的字体、带有下划线或其他样式，而不是加粗的样式。<span style="color: black;">必要</span>要理解<span style="color: black;">运用</span>strong呈现出的表现形式<span style="color: black;">区别</span>于单纯的加粗。
      <span style="color: black;">由于</span>bold是一个<span style="color: black;">理学</span>状态，他<span style="color: black;">无</span>区分表现形式和内容。<span style="color: black;">倘若</span>让bold做了加粗文本外的其它任何事情，都将会令人困惑<span style="color: black;">况且</span><span style="color: black;">亦</span>不符合<span style="color: black;">规律</span>。
      <span style="color: black;">一样</span>应该<span style="color: black;">重视</span>&lt;b&gt;&lt;/b&gt; 还有其他用途，<span style="color: black;">例如</span>想单纯地吸引<span style="color: black;">重视</span>而不增加其<span style="color: black;">要紧</span>性。
    </div>




quintin 发表于 2024-8-20 12:45:38

我深感你的理解与共鸣，愿对话长流。

lanbingkj 发表于 2024-8-23 14:49:42

你的见解真是独到，让我受益匪浅。

4zhvml8 发表于 2024-10-28 11:40:12

你说得对，我们一起加油，未来可期。
页: [1]
查看完整版本: HTML简介