5ep9lzv 发表于 2024-6-29 19:46:22

HTML(超文本标记语言)


    <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 是用来描述网页的一种语言。HTML 指的是超文本标记语言: HyperText Markup Language</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>标记标签来描述网页。HTML 文档<span style="color: black;">包括</span>了HTML 标签及文本内容。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 \ .htm(两种后缀名<span style="color: black;">没</span>区别)</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>的<span style="color: black;">重要</span>词,<span style="color: black;">例如</span> &lt;html&gt;</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> &lt;b&gt; 和 &lt;/b&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">标签对中的<span style="color: black;">第1</span>个标签是<span style="color: black;">起始</span>标签,第二个标签是结束标签。<span style="color: black;">起始</span>和结束标签<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;">&lt;!DOCTYPE html&gt;:HTML5文档声明</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;html&gt;:HTML页面的根元素</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;head&gt;:HTML文档信息</p>&lt;title&gt;定义文档标题&lt;base&gt;定义页面链接标签的默认链接<span style="color: black;">位置</span>&lt;link&gt;定义文档和<span style="color: black;">外边</span>资源之间的关系&lt;meta&gt;定义文档中的元数据&lt;script&gt;定义客户端的脚本文件&lt;style&gt;定义文档的样式文件<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">中文网页声明编码:&lt;meta charset="utf-8"&gt;\&lt;meta charset="gbk"&gt;("utf-8"与"gbk”为浏览器默认编码)</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;body&gt;:HTML页面的可见内容</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML链接:&lt;a href="url"&gt;链接文本&lt;/a&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML图像:&lt;img src="url" alt="some_text"&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML框架:&lt;iframe src="URL"&gt;&lt;/iframe&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML区块元素:&lt;h1&gt;, &lt;p&gt;, &lt;ul&gt;, &lt;table&gt;, &lt;div&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML内联元素:&lt;b&gt;, &lt;td&gt;, &lt;a&gt;, &lt;img&gt;, &lt;span&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML表格:&lt;table&gt;</p>&lt;th&gt;定义表头&lt;tr&gt;定义行&lt;td&gt;定义单元格<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML列表:</p>&lt;ul&gt;<span style="color: black;">没</span>序列表&lt;ol&gt;有序列表&lt;dl&gt;自定义列表<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML表单:&lt;form&gt;</p>&lt;input type="text"&gt;文本域&lt;input type="password&gt;<span style="color: black;">暗码</span>&lt;input type="radio"&gt;单选框&lt;input type="checkbox"&gt;复选框&lt;input type="submit"&gt;提交按钮<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>的附加信息</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>:name="value"</p>id定义元素的<span style="color: black;">独一</span>性class为HTML元素定义一个或多个类名style规定元素的行内样式title描述了元素的额外信息<h2 style="color: black; text-align: left; margin-bottom: 10px;">HTML5</h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;canvas&gt;:定义图形,<span style="color: black;">例如</span>图表和其他图像。该标签基于 JavaScript 的绘图 API</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;audio&gt;:定义音频</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;video&gt;:定义视频</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;source&gt;:定义多<span style="color: black;">媒介</span>资源 &lt;video&gt; 和 &lt;audio&gt;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&lt;embed&gt;:定义嵌入的内容,<span style="color: black;">例如</span>插件</p>




7wu1wm0 发表于 2024-10-26 17:37:33

我完全赞同你的观点,思考很有深度。

4lqedz 发表于 2024-11-2 07:31:21

你的话语如春风拂面,温暖了我的心房,真的很感谢。
页: [1]
查看完整版本: HTML(超文本标记语言)