HTML语言基础教程
HTML（超文本标记语言）是一种用于创建网页的标记语言。学习HTML语言的基础知识是创建网页的第一步。本文将介绍HTML语言的基础教程，以帮助初学者掌握HTML语言的基本概念和语法。
5. 文件结构：HTML文档的基本结构通常包括``,``,``和``元素。
1. ``：定义HTML文档。
2. ``：定义文档的头部。
3. ``：定义网页的标题。
4. `
`：定义文档的主体内容。
5.`
`-``：定义六级标题。
6.`
`：定义段落。
7.``：定义链接。
8. `![]()
`：定义图像。
示例代码：
```html
我的第一个网页 </p><p> </p><p> </p><p></p><p></p><p>这是一个段落。</p><p> </p><p> </p><p> </p><p>``` </p><p>基本HTML属性 </p><p>1. `href`：定义链接的目标地址。 </p><p>2. `src`：定义图像的文件路径。 </p><p>3. `alt`：定义图像的替代文本。 </p><p>示例代码： </p><p>```html </p><p> </p><p>``` </p><p>总结： </p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="module">
<div class="module-pd">
<div class="ralative-content">
<div class="left-a">
<img src="https://imgs-1438308264.cos.ap-hongkong.myqcloud.com/26da185abe23482fb4da4c06.webp" alt="第二章HTML语言基础">
</div>
<div class="module-content">
<h2 class="rt-a text-overflow" data-doc-id="26da185abe23482fb4da4c06" data-did="28285554">第二章HTML语言基础</h2>
<div class="module-content-item">
<div class="item-overflow">
<p>第二章HTML编程基础 </p><p>HTML是超文本标记语言（Hypertext Markup Language）的缩写，是Web环境的语言基础。浏览器的主要功能就是识别和解释HTML语言，从而决定网页内容的显示方式。HTML只是一种描述性的标记语言，不是编程语言，没有复杂的语法和结构，因而非常简单易学。 </p><p>2．1 构建HTML网页 </p><p>HTML文件是纯ASCII码文件，可以用任何纯文本编辑工具（如记事本）编写，一般使用Dreamweaver或FrontPage这些所见即所得的可视化工具更为方便。 </p><p>2.1.1 HTML页面的基本组成 </p><p>启动 Dreamweaver 时自动建立一个新的空白HTML文档。切换到“代码” 视图窗口，就可以看到以下代码： </p><p> </p><p> </p><p> </p><p>无标题文档 </p><p> </p><p> </p><p> </p><p> </p><p>从中可见，一个基本的HTML文档总是以标记开始，以结束。其中用和把文档分为两个部分。与之间的是文件头，文件头内包含关于文件的说明信息，这些信息并不在浏览器窗口中显示。在和之间的内容是文档的体，包括文本、图形、窗体和框架等，都是窗口中要显示的内容。HTML文件结构如图2-1所示。 </p><p>图2-1 HTML文件结构 </p><p>2.1.2 HTML标记的特点 </p><p>(1)HTML标记均是用尖括号<>阔起来的，大多数标记是成对出现和使用的，有开始标记和对应的结束标记，结束标记在尖括号中使用反斜杠“/”，其用法格式为： </p><p>文本 </p><p>比如：无标题文档，这条语句的作用是在浏览器的标题栏显示“无标题文档”几个字。 </p><p> </p><p> </p><p>主页标题 </p><p>主页文档部分 (2)很多标记具有自己的属性，利用这些属性，可作进一步的详细设置。其用法格式为：文本 </p><p>属性值可用双引号或单引号引起来，各属性之间用空格隔开。属性多是可选项。例如若用红色、隶书、6号字写“西安翻译学院”几个字： </p><p>西安翻译学院 </p><p>(3)有少数标记不用配对使用。例如：</p><p>2．2 HTML页面修饰标记 </p><p>2.2.1 文本控制 </p><p>1.字体控制标记„ </p><p>通过设置标记的属性可以控制文本的字体、字号大小、颜色等。 </p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="module">
<div class="module-pd">
<div class="ralative-content">
<div class="left-a">
<img src="https://imgs-1438308264.cos.ap-hongkong.myqcloud.com/a6a6af53777f5acfa1c7aa00b52acfc789eb9f9f.webp" alt="HTML语言入门教程">
</div>
<div class="module-content">
<h2 class="rt-a text-overflow" data-doc-id="a6a6af53777f5acfa1c7aa00b52acfc789eb9f9f" data-did="619838334">HTML语言入门教程</h2>
<div class="module-content-item">
<div class="item-overflow">
<p>HTML语言入门教程 </p><p>HTML语言入门教程 </p><p>语言入门教程(一) </p><p>什么是HTML语言 HTML (HyperText MarkUp Language) </p><p>是使用特殊标记来描述文档结构和表现形式的一种语言，由W3C </p><p>(World Wide Web Consortium) 所制定和更新。我们可以用任何一种文本编译起来编辑HTML文件，因为它就是一总纯文本文件。 </p><p>HTML语言的基本结构 下面我们来看一小段HTML语言的代码，来了解HTML语言的基本结构： </p><p>HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言。 将这一小段代码粘贴至文本文件中，然后选择“另存为”，将文件的后缀名改为.htm或者.html即可，然后在所在的目录下就可看到一个IE的图标，名字就是你所存的文件名称。 这是声明HTML文件的语法格式。每一个HTML文件，都必须以开头，以结束 这是文件头声明的语法格式。在这之内的所有文字都属于文件的文件头，并不属于文件本体。 </p><p>这是声明文件标题的语法格式。在这之中写下的所有内容，都将写在网页最上面的标题栏中。 这是声明文件主体的语法格式。在这之间写下的内容都是文件的主体，也就是说将会被显示在客户区之中。 </p><p>注意：几乎每一种HTML语言的语法都是以< >开头，以结束。 </p><p>在编辑HTML语言过程中，也可以使用注释。语法格式为： 。就好像C语言中的 /* …… …… */ 一样，中间的内容只是解释说明，并不被编译器所编译。 </p><p>HTML语言的基本单位 </p><p>1. 长度单位 </p><p>长度单位可以用来定义水平线、表格边匡、图像等对象的长、宽、高等一系列属性，同时也可以用来定义这些对象在页面上的位置等属性，用来描述页面上可能遇到的各种长度。 </p><p>长度的表示方法有两种：绝对长度和相对长度。他们的单位都是像素 (pixel)（用px表示） 和百分比(%)，像素代表的是屏幕上的每个点，而百分比代表的是相对于客户区的多少。下面我们就以水平线的宽度为例，说明这两种表示方法。 </p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="module">
<div class="module-pd">
<div class="ralative-content">
<div class="left-a">
<img src="https://imgs-1438308264.cos.ap-hongkong.myqcloud.com/10d802d433d4b14e85246852.webp" alt="HTML语言">
</div>
<div class="module-content">
<h2 class="rt-a text-overflow" data-doc-id="10d802d433d4b14e85246852" data-did="11030505">HTML语言</h2>
<div class="module-content-item">
<div class="item-overflow">
<p>HTML语言 </p><p>1，HTML 的简介 </p><p>HTML是英文 HyperText Markup Language 的缩写，即“超文本标志语言”，用它编写的文件(文档)的扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式。一般可以使用记事本、写字板等编辑工具来编写html文件。HTML语言使用标志对的方法编写文件，既简单又方便，它通常使用来表示标志的开始和结束(例如标志对)，因此在Html文档中这样的标志对都必须是成对使用的。 </p><p>WEB网页是由HTML语言所构成，HTML是一种建立网页文件的语言，透过标记式的指令 (Tag)，将影像、声音、图片、文字等连结显示出来。 HTML标记主要分为 : 单标记指令和双标记指令 ( 由 < 起始标记 >，< / 结束标记 >所构成 ) 。HTML网页文件可由任何文本编辑器或网页专用编辑器编辑，完成后 ( 以 .htm 或 .html 为文件后缀保存 ) 将HTML网页文件由浏览器打开显示，若测试没有问题则可以放到服务器 (Server) 上，对外发布信息。 </p><p>1.1 HTML文件基本架构 </p><p> 文件开始 </p><p> 标头区开始 </p><p>标题区 </p><p> 标头区结束 </p><p> 本文区开始 </p><p>本文区内容 </p><p> 本文区结束 </p><p> 文件结束 </p><p> 网页文件格式。 </p><p> 标头区 : 记录文件基本资料，如作者、编写时间。 </p><p></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="recommended" id="downtip">
<div class="tag">
<ul class="tag-header">
<li>
<a href="javascript:;" title="下载提示" data-tab-target="tip" class="" id="onTagDownload">
下载提示
<i class="iconfont icon-you bottom"></i>
</a>
</li>
</ul>
<div class="tab-items">
<div class="tab-item tip" data-tab-item="tip">
<div class="list">
<ol>
<li>1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。</li>
<li>2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。</li>
<li>3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。</li>
</ol>
</div>
</div>
</div>
</div>
</div>
<div class="recommended">
<div class="article-box">
</div>
</div>
</div>
<div class="temp-rg" id="target-element">
<div class="relevant-box temp-mg">
<div class="content" id="side-list">
<div class="header hd-bm hd-scollor">
<div class="title">
<h3>文档推荐</h3>
<i class="bg bg-1"></i>
</div>
</div>
<ul class="container-ul">
<li>
<div class="ul-doc flex-start">
<i class="icon-docx"></i>
<div class="cont-rg flex-column">
<a href="/doc/0b13447431.html" target="_blank" title="语言学纲要王洪君、叶蜚声等著)"
class="ul-doc-a text-overflow-clamp">语言学纲要王洪君、叶蜚声等著)</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:10</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-ppt"></i>
<div class="cont-rg flex-column">
<a href="/doc/0814963857.html" target="_blank" title="语言学纲要期末复习(精选)"
class="ul-doc-a text-overflow-clamp">语言学纲要期末复习(精选)</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:52</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-doc"></i>
<div class="cont-rg flex-column">
<a href="/doc/1013210638.html" target="_blank" title="语言学纲要期末复习材料(叶蜚声徐通锵编)-精华"
class="ul-doc-a text-overflow-clamp">语言学纲要期末复习材料(叶蜚声徐通锵编)-精华</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:14</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-docx"></i>
<div class="cont-rg flex-column">
<a href="/doc/1317782301.html" target="_blank" title="语言学纲要期末复习参考资料"
class="ul-doc-a text-overflow-clamp">语言学纲要期末复习参考资料</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:16</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-doc"></i>
<div class="cont-rg flex-column">
<a href="/doc/114911707.html" target="_blank" title="语言学纲要 期末复习资料(题库)"
class="ul-doc-a text-overflow-clamp">语言学纲要 期末复习资料(题库)</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:15</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-doc"></i>
<div class="cont-rg flex-column">
<a href="/doc/2d16185491.html" target="_blank" title="《语言学纲要》(叶蜚声_徐通锵)详细复习资料_课堂讲义笔记"
class="ul-doc-a text-overflow-clamp">《语言学纲要》(叶蜚声_徐通锵)详细复习资料_课堂讲义笔记</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:152</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-doc"></i>
<div class="cont-rg flex-column">
<a href="/doc/23296892.html" target="_blank" title="语言学纲要 期末考试"
class="ul-doc-a text-overflow-clamp">语言学纲要 期末考试</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:8</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-doc"></i>
<div class="cont-rg flex-column">
<a href="/doc/233154985.html" target="_blank" title="大学语言学纲要期末考试必考重点"
class="ul-doc-a text-overflow-clamp">大学语言学纲要期末考试必考重点</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:4</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-docx"></i>
<div class="cont-rg flex-column">
<a href="/doc/2d8129581.html" target="_blank" title="语言学纲要期末考试重点"
class="ul-doc-a text-overflow-clamp">语言学纲要期末考试重点</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:4</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-doc"></i>
<div class="cont-rg flex-column">
<a href="/doc/3111678884.html" target="_blank" title="语言学纲要复习资料附答案(完整)"
class="ul-doc-a text-overflow-clamp">语言学纲要复习资料附答案(完整)</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:6</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-doc"></i>
<div class="cont-rg flex-column">
<a href="/doc/421447088.html" target="_blank" title="最新语言学纲要期末考试题"
class="ul-doc-a text-overflow-clamp">最新语言学纲要期末考试题</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:6</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-docx"></i>
<div class="cont-rg flex-column">
<a href="/doc/4f2916285.html" target="_blank" title="大学语言学纲要期末考试必考重点"
class="ul-doc-a text-overflow-clamp">大学语言学纲要期末考试必考重点</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:4</em>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="relevant-box">
<div class="content">
<div class="header hd-bm">
<div class="title">
<h3>最新文档</h3>
<i class="bg bg-4"></i>
</div>
</div>
<ul class="container-ul">
<li class="new-down-li">
<i class="icon-ppt"></i>
<a href="/doc/d78652247.html" target="_blank" class="new-li-a text-overflow">03-HTML语言-2</a>
</li>
<li class="new-down-li">
<i class="icon-docx"></i>
<a href="/doc/d02526072.html" target="_blank" class="new-li-a text-overflow">直播手卡模板(产品卖点)</a>
</li>
<li class="new-down-li">
<i class="icon-xls"></i>
<a href="/doc/d19089315.html" target="_blank" class="new-li-a text-overflow">湖南省住宅物业服务分项目分等级基准价标准</a>
</li>
<li class="new-down-li">
<i class="icon-docx"></i>
<a href="/doc/de8017252.html" target="_blank" class="new-li-a text-overflow">2018高考满分作文：在浅薄的真相中获得真理</a>
</li>
<li class="new-down-li">
<i class="icon-rtf"></i>
<a href="/doc/d89034834.html" target="_blank" class="new-li-a text-overflow">人户分离</a>
</li>
<li class="new-down-li">
<i class="icon-doc"></i>
<a href="/doc/d88989589.html" target="_blank" class="new-li-a text-overflow">坚定教师信念演讲稿</a>
</li>
<li class="new-down-li">
<i class="icon-doc"></i>
<a href="/doc/d79814531.html" target="_blank" class="new-li-a text-overflow">偶极子天线工作原理</a>
</li>
<li class="new-down-li">
<i class="icon-doc"></i>
<a href="/doc/de10973600.html" target="_blank" class="new-li-a text-overflow">2.犯罪心理学的主要理论10</a>
</li>
<li class="new-down-li">
<i class="icon-doc"></i>
<a href="/doc/d43816660.html" target="_blank" class="new-li-a text-overflow">07-1 人工成孔灌注桩施工工艺标准</a>
</li>
<li class="new-down-li">
<i class="icon-docx"></i>
<a href="/doc/d88703534.html" target="_blank" class="new-li-a text-overflow">甜品店创业计划书优秀范文</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</main>
<div class="broadside">
<div class="user-cursor" id="toTop">
<div class="user-about" title="置顶">
<i class="iconfont icon-you bottom"></i>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="ft-content">
<div class="ft-logo">
<a href="/" target="_blank" title="文档之家" class="flex-column-center">
<img src="/pc/icon/icon-logo1.png" alt="文档之家">
<p>文档之家</p>
</a>
</div>
<div class="ft-info">
<nav class="footer-nav">
<ul>
<li><strong class="ft-block">关于</strong></li>
<li><a href="/about/about-us.html">关于我们</a></li>
<li><a href="/about/contact-us.html">联系我们</a></li>
</ul>
<ul>
<li><strong class="ft-block">版权相关</strong></li>
<li><a href="/about/copyright-statement.html">版权声明</a></li>
<li><a href="/about/infringement-complaint.html">侵权投诉</a></li>
<li><a href="/about/disclaimer.html">免责声明</a></li>
</ul>
<ul>
<li><strong class="ft-block">网站声明</strong></li>
<li><a href="/about/user-agreement.html">用户协议</a></li>
<li><a href="/about/privacy-policy.html">隐私政策</a></li>
<li><a href="/about/sitemap.html">网站地图</a></li>
</ul>
<ul>
<li><strong class="ft-block">帮助中心</strong></li>
<li><a href="/about/download-instructions.html">下载说明</a></li>
<li><a href="/about/download-failure-solution.html">下载失败解决</a></li>
<li><a href="/about/redownload-order.html">订单重下载</a></li>
</ul>
</nav>
<div class="ft-side">
<h3>微信客服</h3>
</div>
</div>
</div>
</div>
<div class="ft-box">
<div class="ft-text">
<p>文档之家 版权所有 - ©2024</p>
</div>
</div>
</footer>
<script src="/pc/js/index.js"></script>
</body>
</html>
