2022年HTML 基本语法CSSHTML教程.docx

上传人：ylj18****70940

文档编号：44620797

上传时间：2022-09-22

格式：DOCX

页数：9

大小：14.17KB

( 4.5 )

《2022年HTML 基本语法CSSHTML教程.docx》由会员分享，可在线阅读，更多相关《2022年HTML 基本语法CSSHTML教程.docx（9页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、2022年HTML 基本语法CSSHTML教程1.1一般标记一般标记是由一个起始标记(Opening Tag)和一个结束标记(Ending Tag)所组成，其语法为：<x>受控文字</x>其中，x代表标记名称。<x>和</x>就犹如一组开关：起始标记<x>为开启(ON)的某种功能，而结束标记</x>(通常为起始标记加上一个斜线/)为关(OFF)功能，受限制的文字信息便放在两标记之间。例如：<i>这是斜体字</i>。标记之中还可以附加一些属性(Attribute)，用来完成某些特别效果或功能。例如：&

2、lt;x a1=v1,a2=v2,.,an=vn>受控文字</x>其中，a1,a2,.,an为属性名称，而v1,v2,.,vn则是其所对应的属性值，属性值加不加引号，目前所运用的阅读器都可接受，但依据W3C的新标准，属性值是要加引号的，所以最好养成加引号得习惯。1.2 空标记虽然大部分的标记是成双成对出现的，但也有一些是单独存在的。这些单独存在的标记称为空标记(Empty Tags)。其与法为：<x>同样，空标记也可以附加一些属性(Attribute)，用来完成某些特别效果或功能。如：<x a1=v1,a2=v2,.,an=vn>，例如：<hr&

3、gt;,<br>等。W3C定义的新标准(XHTML1.0/HTML4.0)建议：空标记应以/结尾，即：<X />假如附加属性则为：<x a1=v1,a2=v2,.,an=vn />目前所运用的阅读器对于空标记后面是否要加/并没有严格要求，即在空标记最终在/和没有加/，不影响其功能。但是假如希望你的文件能满意最新标准，那么最好加上/。2. HTML标记分类2.1文件结构标记(Document Structure Tags)此类标记的目的是用来标示出文件的结构，主要的有：<html>.</html>:标示html文件的起始和终止。<

4、head>.</head>:标示出文件标题区。<body>.</body>:标示出文件主体区2.2区段格式标记(Block Formatting Tags)此类标记的主要用途是将HTML文件中得某个区段文字,以特定格式显示，增加文件的可看度。主要的有：<title>.</title>:文件题目。<hi>.</hi>:i=1,2,.,6,网页标题。<hr>:产生水平线。<br>:强迫换行。<p>.</p>:文件段落。<pre>.</pre&g

5、t;:以原始格式显示。<address>.</address>：标注联络人姓名、电话、地址等信息。<blockquote>.</blockquote>:区段引用标记。2.3字符格式标记(Character Formatting Tags)用来变更HTML文件文字的外观，增加文件的美观程度。主要有：<b>.</b>:粗体字。<i>.</i>:斜体字。<tt>.</tt>:打字体。<font>.</font>:变更字体设置。<center>.&

6、lt;/center>:居中对齐。<blink>.</blink>:文字闪耀。<big>.</big>:加大字号。<small>.</small>:缩小字号。<cite>.</cite>:参照。2.4列表标记(List Tags)<ul>.</ul>:无编号列表。<ol>.</ol:有编号列表。<li>.</li>:列表项目。<dl>.</dl>:定义式列表。<dd>.</dd>:

7、定义项目。<dt>.</dt>:定义项目。<dir>.</dir>:书目式列表。<menu>.</menu>:菜单式列表。2.5链接标记(Anchor Tag)链接可以说是html超文本文件的命脉，html通过链接标记来整合分散在世界各地的图、文、影、音等信息。此类标记的主要用途为标示超文本文件链接(Hypertext Link)，主要有：<a>.</a>:建立超级链接。2.6多媒体标记(Multimedia Tag)此类标记用来显示图像数据。主要有：<img>:嵌入图像。<emb

8、ed>:嵌入多媒体对象。<bgsound>:背景音乐。2.7表格标记(Table Tags)此类标记用制作表格。主要有：<table>.</table>:定义表格区段。<caption>.</caption>:表格标题。<th>.</th>:表头。<tr>.</tr>:表格列。<td>.</td>:表格单元格。2.8表单标记(Form Tags)此类标记用来制作交互式表单，主要的有：<Form>.</form>:表明表单区段的起先与结

9、束。<input>:产生单行文本框、单选按钮、复选框等。<textarea>.</textarea>:产生多行输入文本框。<select>.</select>:标明下拉列表的起先与结束。<option>.</option>:在下拉列表中产生一个选择项目。HTML标记并没有大小写之分，即<BODY>和<body>是相同的。以下来分别介绍这些标记。3. 文件结构标记一个html文件的结构基本上可以分为两部分，一部分称为标题区(Head Section)；另一部分称为主体区(Body Sect

10、ion)。文件结构标记就是用来标示出何处属于标题，何处属于主体。3.1<html>：标示整份文件用途：标示整篇html文件说明：一个标准的html文件是一篇以<html>开头，而以</html>结束的文件。即：<html>. html文件全文</html>3.2<head>:标示出文件标题区说明：html文件中，由<head>和</head>所夹住的区域称为文件的标题区。通常head区段都内含在html区段之中，即：<html><head>. html文件标题区</he

11、ad>.</html>3.3<title>:网页标题<title>.</title>是html文件标题区中最重要也是最常用的标记。其他标题区的标记还包括<base>、<isindex>、<link>、<nextid>、<meta>等。<title>标记的用途是设置网页标题，这个标题会显示在阅读器窗口的标题栏上，不会出现在阅读器的页面(page)文字中。而大部分阅读器的保藏(My Favorites)、书签(BookMark)或历史记录列表(History List)功能，也都是以这个文件的标题作为名称的。由<title>.</title>所标注的文字并无长度的限制，不过太长的标题，有时可能会被截掉，并且也不简单记忆。3.4<body>:标示出文件主体区说明：在html文件中，由<body>.</body>所夹住的区域称为文件的主体区，通常是在<head>区段之后。3.5<body>标记的属性backgroud属性：这个属性可以指定一个图形文件(一般为gif或jpeg)，作为背景图案。该图形会像拼瓷砖一样铺成整个网页的底图。

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

9.9 金币

版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载

配套讲稿：: 如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
特殊限制：: 部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。
关键词：: 2022年HTML 基本语法CSSHTML教程 2022 HTML 基本语法 CSSHTML 教程

淘文阁 - 分享文档赚钱的网站所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。

限制150内

关于本文

本文标题：2022年HTML 基本语法CSSHTML教程.docx
链接地址：https://www.taowenge.com/p-44620797.html