4zhvml8 发表于 2024-6-30 00:58:59

HTML 简介


    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML（英语：Hypertext Markup Language，简<span style="color: black;">叫作</span>：HTML）<span style="color: black;">亦</span>叫作超文本标记语言，是一种用来结构化 Web 网页及其内容的标记语言，标准通用标记语言下的一个应用，<span style="color: black;">能够</span><span style="color: black;">运用</span> HTML 来<span style="color: black;">创立</span>自己的 WEB 站点。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML发展历史：HTML<span style="color: black;">无</span>1.0，<span style="color: black;">由于</span>关于它的初版存在争议，1995年HTML 2.0面世，1997年由国际官方组织W3C推出了HTML 3.2以及HTML 4.0标准，后面W3C(万维网联盟)<span style="color: black;">亦</span>渐渐变成Web技术<span style="color: black;">行业</span>的权威，经过漫长的演变，2014年，HTML 5标准<span style="color: black;">最后</span>面世。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">特点： 1、<span style="color: black;">运用</span>标签来描述网页，html 文档<span style="color: black;">亦</span>叫做web 页面，后缀是 .html</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 2、html 文档<span style="color: black;">包含</span>html 标签及文本内容，</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 3、标签<span style="color: black;">一般</span>成对<span style="color: black;">显现</span>，<span style="color: black;">运用</span>尖括号包裹 &lt;&gt;，&lt;<span style="color: black;">重要</span>字&gt;<span style="color: black;">暗示</span><span style="color: black;">起始</span>，&lt;/<span style="color: black;">重要</span>字&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>：HBuilder，webstorm,Adobe Dreamweaver等当然最简单的<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;">查看方式：常用的浏览器，</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic2.zhimg.com/80/v2-df982ddd08cf534e4177e0c9ef842655_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">等，只展示&lt;body&gt;&lt;/body&gt;标签里面的东西</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML5的新特性：</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1、用于绘画的 canvas 元素</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2、用于媒介回放的 video 和 audio 元素</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3、对本地离线存储的更好的支持</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4、新的特殊内容元素，<span style="color: black;">例如</span> article、footer、header、nav、section</p>5、新的表单控件，<span style="color: black;">例如</span> calendar、date、time、email、url、search
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML5 的改进：新元素，新属性，完全支持 CSS3，Video 和 Audio，2D/3D 制图，本地存储，本地 SQL 数据，Web 应用</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>F12 来进行查看</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">　　DOCTYPE声明了文档的类型</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;">标签<span style="color: black;">包括</span>了文档的元（meta）数据，如定义网页编码格式为utf-8。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">
      标签定义文档的标题&lt;/p&gt;
    </p>&lt;body&gt;标签定义文档的主体，即网页可见的页面内容，该标签的结束标志为&lt;/body&gt;
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 如：谷歌浏览器首页</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic2.zhimg.com/80/v2-4669f69527fbb3acb9fd6435e8f7cea1_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1、声明 &lt;!-- 注释 --&gt; 在网页中不会展示</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"> <span style="color: black;">平常</span>声明
      <span style="color: black;">&lt;!-- XHTML 1.0 --&gt;</span>
      <span style="color: black;">&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      </span><span style="color: black;">"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;</span>

      <span style="color: black;">&lt;!-- 在 HTML 4.01 中， &lt;!DOCTYPE&gt; 声明需引用 DTD （文档类型声明），<span style="color: black;">由于</span> HTML 4.01 是基于 SGML （Standard Generalized Markup Language 标准通用标记语言）。DTD 指定了标记语言的规则，<span style="color: black;">保证</span>了浏览器能够正确的渲染内容。--&gt;</span>
      <span style="color: black;">&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"</span><span style="color: black;">"http://www.w3.org/TR/html4/loose.dtd"&gt;</span>

      <span style="color: black;">&lt;!-- HTML5 --&gt;</span>
      <span style="color: black;">&lt;!DOCTYPE html&gt;</span>
    </div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2、中文乱码问题，设置网页的编码方式，<span style="color: black;">通常</span>的都是设置为 utf-8,</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;">&lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=GB2312"&gt; &lt;/head&gt;</div>




情迷布拉格 发表于 2024-9-7 00:16:18

期待楼主的下一次分享！”

情迷布拉格 发表于 2024-9-10 12:44:09

请问、你好、求解、谁知道等。

1fy07h 发表于 2024-10-2 13:27:25

楼主发的这篇帖子，我觉得非常有道理。

7wu1wm0 发表于 2024-10-26 13:11:32

我完全同意你的看法，期待我们能深入探讨这个问题。
页: [1]
查看完整版本: HTML 简介