6257rv7 发表于 2024-6-30 00:17:02

什么是HTML,看完这篇文案就懂了


    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在这互联网发达的21世纪,HTML<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://pic1.zhimg.com/80/v2-801a0dbe421b74a700dd74a70ebb87d8_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
    <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.超文本标记语言(Hyper Text Mark-up Language)</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.用来设计网页的标记语言</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.用该语言编写的文件,以.html或.htm为后缀</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.由浏览器解释执行</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">5.不区分<span style="color: black;">体积</span>写,<span style="color: black;">意见</span>小写</p>
    <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.HTML用于描述功能的符号<span style="color: black;">作为</span>“标签”</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.标签都封装在一对尖括号“&lt;...&gt;”之中,如&lt;html&gt;<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>叫标记),<span style="color: black;">必要</span>成对<span style="color: black;">显现</span>,如&lt;p&gt;&lt;/p&gt;</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>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">web浏览器的<span style="color: black;">功效</span>是读取HTML文档,并以网页的形式<span style="color: black;">表示</span>出它们。浏览器不会<span style="color: black;">表示</span>HTML标签,而是<span style="color: black;">运用</span>标签来解释网页的内容。</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic4.zhimg.com/80/v2-ce778d08e21655b6c7b858197322fa63_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
    <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;">指的是从<span style="color: black;">起始</span>标签(start tag)到结束标签(end tag)的所有代码</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;">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>标签与结束标签之间的内容</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">某些HTML元素<span style="color: black;">拥有</span>空内容(empty content)</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>
    <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>
    <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.属性是用来修饰元素的</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>标签里</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;">2.<span style="color: black;">每一个</span>属性都有值</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;">属性的值<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>/值对的形式<span style="color: black;">显现</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt; p align="center"&gt;段落一&lt;/p&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">其中align是属性 ceenter是属性值</p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;">注释</h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.为代码添加适当的注释是一种良好的编辑习惯</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.注释<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;">3.注释标签不支持任何属性</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.语法:&lt;!--注释的文本内容--&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;1."&lt;!--"和:--&gt;"之间的任何内容都不会<span style="color: black;">表示</span>在浏览器种</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;2.注释不<span style="color: black;">能够</span>嵌套在其他注释中</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;3.注释不<span style="color: black;">能够</span><span style="color: black;">位置于</span>嵌在&lt;&gt;中</p>
    <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;">&lt; !DOCTYPE html&gt;</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;">&lt;html lang="en"&gt;</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;">&lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;网页标题&lt;/title&gt; 文档标题,一个网页只能有一个标题
      &lt;/head&gt;</div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;body&gt; ​ &lt;!--网页内容,<span style="color: black;">能够</span>使文本、图像等--&gt; ​ &lt;/body&gt; &lt;/html&gt;</p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;">什么是DTD文档模型,<span style="color: black;">为何</span>写在HTML<span style="color: black;">其中</span>?</h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">DTD文档模型<span style="color: black;">亦</span><span style="color: black;">叫作</span>DOCTPE文档说明,它是Document Type Definition 的英文缩写,意思是文档类型定义,在HTML文档中,用来指定页面所<span style="color: black;">运用</span>的HTML(<span style="color: black;">或</span>XHTML)的版本。<span style="color: black;">想要</span>制作符合标准的页面,一个必不可少的<span style="color: black;">重要</span><span style="color: black;">构成</span>部分<span style="color: black;">便是</span>DOCTYPE声明。<span style="color: black;">仅有</span>确定了一个正确的DOCTYPE,HTML里的标识和CSS<span style="color: black;">才可</span>正常生效。它<span style="color: black;">通常</span>被定义<span style="color: black;">喜欢</span>页面的<span style="color: black;">第1</span>行,html标签之前。</p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;">xhtml和html 的区别</h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">XHTML是HTML向xml的一个过渡语言,在最初W3C组织<span style="color: black;">期盼</span>把HTML变成更为严谨的标记语言(<span style="color: black;">例如</span>XML),但HTML的<span style="color: black;">已然</span>应用的太为广泛,<span style="color: black;">所有</span>换掉不现实。<span style="color: black;">因此呢</span>产生了XHTML<span style="color: black;">这般</span>一种过渡形式。它比HTML更严谨,基本标签都还是沿用了HTML,但<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://pic1.zhimg.com/80/v2-3b8f826c833a5127e6a06fae8ca76c14_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;">随着互联网的发展,以及对HTML5人才需求的<span style="color: black;">增多</span>,HTML5<span style="color: black;">关联</span>工作的信息<span style="color: black;">亦</span>是水涨船高,前景可谓是一片光明。<span style="color: black;">近期</span>几年,HTML5<span style="color: black;">持续</span>的发展,各大浏览器<span style="color: black;">亦</span>在<span style="color: black;">持续</span>兼容HTML5技术,如今的<span style="color: black;">微X</span>小程序,手机移动端的<span style="color: black;">运用</span>都离不开HTML5,<span style="color: black;">针对</span>这种现象,HTML5应用的范围<span style="color: black;">已然</span>拓展到各个行业中,<span style="color: black;">因此</span><span style="color: black;">每一个</span>行业对HTML5的人才需求都是很大的。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">转载:<a style="color: black;"><span style="color: black;">https://www.</span><span style="color: black;">toutiao.com/i6863396867</span><span style="color: black;">653239300/</span></a></p>




1fy07h 发表于 2024-9-29 13:16:20

i免费外链发布平台 http://www.fok120.com/

wrjc1hod 发表于 2024-10-17 21:23:39

我完全同意你的观点,说得太对了。

nqkk58 发表于 2024-10-29 03:07:20

我完全赞同你的观点,思考很有深度。
页: [1]
查看完整版本: 什么是HTML,看完这篇文案就懂了