m5k1umn 发表于 2024-6-29 19:28:23

HTML 简单认识


    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML：超文本标记语言（英语：HyperText Markup Language）是一种用于创建网页的标准标记语言。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">环境：运行在浏览器上，由浏览器来解析。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">后缀： .html 或 .htm</p>
    <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>，<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>会正确地将 HTML <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>键盘上的 F12 按键开启调试模式，就<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;">版本：HTML（1991）、HTML+（1993）、HTML 2.0（1995）、HTML 3.2（1997）、HTML 4.01（1999）、XHTML 1.0（2000）、HTML5（2012）、XHTML5（2013）</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">&lt;!DOCTYPE html&gt;</span> 声明为 HTML5 文档
      <span style="color: black;">&lt;</span><span style="color: black;">html</span><span style="color: black;">&gt;</span> 元素是 HTML 页面的根元素
      <span style="color: black;">&lt;</span><span style="color: black;">head</span><span style="color: black;">&gt;</span> 元素<span style="color: black;">包括</span>了文档的元（meta）数据，如 <span style="color: black;">&lt;</span><span style="color: black;">meta</span> <span style="color: black;">charset</span><span style="color: black;">=</span><span style="color: black;">"utf-8"</span><span style="color: black;">&gt;</span> 定义网页编码格式为 utf-8。
      <span style="color: black;">&lt;</span><span style="color: black;">title</span><span style="color: black;">&gt;</span> 元素描述了文档的标题
      <span style="color: black;">&lt;</span><span style="color: black;">body</span><span style="color: black;">&gt;</span> 元素<span style="color: black;">包括</span>了可见的页面内容
    </div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1、标签与元素 ： 元素<span style="color: black;">包括</span>标签，html文档由html元素定义</p>
    <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>为 HTML 标签 (HTML tag)，尖括号<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;">"HTML 标签" 和 "HTML 元素" <span style="color: black;">一般</span>都是描述<span style="color: black;">一样</span>的意思，<span style="color: black;">然则</span>严格来讲, 一个 HTML 元素<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;">2、属性：为HTML 元素提共附件信息</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>小写），以键值对的形式<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;">常用属性：class（定义一个或多个类名，用于js,css）、id（定义元素<span style="color: black;">独一</span>id）、style（设置元素的行内样式）、title(描述信息，说明<span style="color: black;">上下</span>，一个提示)</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3、注释：<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>它们</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">&lt;!-- 这是一个注释 --&gt;</span></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4、&lt;head&gt; 元素<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>脚本（scripts）, 样式文件（CSS），及<span style="color: black;">各样</span>meta信息。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">平常</span>的元素标签为: &lt;title&gt;, &lt;style&gt;, &lt;meta&gt;, &lt;link&gt;, &lt;script&gt;, &lt;noscript&gt; 和 &lt;base&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;title&gt; 标签定义<span style="color: black;">区别</span>文档的标题，<span style="color: black;">表示</span>在搜索引擎结果页面的标题和<span style="color: black;">保藏</span>夹中的标题(SEO)</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;meta&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>词，文件的最后修改时间，作者，和其他元数据(SEO)。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;link&gt; 标签定义了文档与<span style="color: black;">外边</span>资源之间的关系，常用于链接到样式表 （css）</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;script&gt;标签用于加载脚本文件，如： JavaScript</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;base&gt; 标签描述了基本的链接<span style="color: black;">位置</span>/链接<span style="color: black;">目的</span>，该标签<span style="color: black;">做为</span>HTML文档中所有的链接标签的默认链接</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;style&gt; 标签定义了HTML文档的样式文件引用<span style="color: black;">位置</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 5、样式 CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式。</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><span style="color: black;">外边</span>引用</p>内联样式- 在HTML元素中<span style="color: black;">运用</span>"style" 属性内部样式表 -在HTML文档头部 &lt;head&gt; 区域<span style="color: black;">运用</span>&lt;style&gt; 元素 来<span style="color: black;">包括</span>CSS<span style="color: black;">外边</span>引用 - <span style="color: black;">运用</span><span style="color: black;">外边</span> CSS 文件 &lt;link&gt;




7wu1wm0 发表于 2024-9-26 04:57:18

楼主果然英明！不得不赞美你一下！

nqkk58 发表于 2024-9-27 08:21:51

论坛是一个舞台，让我们在这里尽情的释放自己。

nqkk58 发表于 2024-11-10 15:11:00

你的见解独到，让我受益匪浅，非常感谢。
页: [1]
查看完整版本: HTML 简单认识