网页制作

HTML 基本语法 方便刚开始学习html的朋友
网页制作 2024/11/15 佚名
3 2

1.1一般标记
　　一般标记是由一个起始标记(Opening Tag)和一个结束标记(Ending Tag)所组成，其语法为：<x>受控文字</x>
　　其中，x代表标记名称。<x>和</x>就如同一组开关：起始标记<x>为开启(ON)的某种功能，而结束标记</x>(通常为起始标记加上一个斜线/)为关(OFF)功能，受控制的文字信息便放在两标记之间。例如：<i>这是斜体字</i>。
　　标记之中还可以附加一些属性(Attribute)，用来完成某些特殊效果或功能。例如：<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>,<br>等。
　　W3C定义的新标准(XHTML1.0/HTML4.0)建议：空标记应以/结尾，即：<X />
　　如果附加属性则为：<x a1="v1",a2="v2",...,an="vn" />
　　目前所使用的浏览器对于空标记后面是否要加/并没有严格要求，即在空标记最后在/和没有加/，不影响其功能。但是如果希望你的文件能满足最新标准，那么最好加上/。

　　2. HTML标记分类
　　2.1文件结构标记(Document Structure Tags)
　　此类标记的目的是用来标示出文件的结构，主要的有：
　　<html>...</html>:标示html文件的起始和终止。
　　<head>...</head>:标示出文件标题区。
　　<body>...</body>:标示出文件主体区
　　2.2区段格式标记(Block Formatting Tags)
　　此类标记的主要用途是将HTML文件中得某个区段文字,以特定格式显示，增加文件的可看度。主要的有：
　　<title>...</title>:文件题目。
　　<hi>...</hi>:i=1,2,...,6,网页标题。
　　<hr>:产生水平线。
　　<br>:强迫换行。
　　<p>...</p>:文件段落。
　　<pre>...</pre>:以原始格式显示。
　　<address>...</address>：标注联络人姓名、电话、地址等信息。
　　<blockquote>...</blockquote>:区段引用标记。
　　2.3字符格式标记(Character Formatting Tags)
　　用来改变HTML文件文字的外观，增加文件的美观程度。主要有：
　　<b>...</b>:粗体字。
　　<i>...</i>:斜体字。
　　<tt>...</tt>:打字体。
　　<font>...</font>:改变字体设置。
　　<center>...</center>:居中对齐。
　　<blink>...</blink>:文字闪烁。
　　<big>...</big>:加大字号。
　　<small>...</small>:缩小字号。
　　<cite>...</cite>:参照。
　　2.4列表标记(List Tags)
　　<ul>...</ul>:无编号列表。
　　<ol>...</ol:有编号列表。
　　<li>...</li>:列表项目。
　　<dl>...</dl>:定义式列表。
　　<dd>...</dd>:定义项目。
　　<dt>...</dt>:定义项目。
　　<dir>...</dir>:目录式列表。
　　<menu>...</menu>:菜单式列表。
　　2.5链接标记(Anchor Tag)
　　链接可以说是html超文本文件的命脉，html通过链接标记来整合分散在世界各地的图、文、影、音等信息。此类标记的主要用途为标示超文本文件链接(Hypertext Link)，主要有：
<a>...</a>:建立超级链接。
　　2.6多媒体标记(Multimedia Tag)
　　此类标记用来显示图像数据。主要有：
　　<img>:嵌入图像。
　　<embed>:嵌入多媒体对象。
　　<bgsound>:背景音乐。
　　2.7表格标记(Table Tags)
　　此类标记用制作表格。主要有：
　　<table>...</table>:定义表格区段。
　　<caption>...</caption>:表格标题。
　　<th>...</th>:表头。
　　<tr>...</tr>:表格列。
　　<td>...</td>:表格单元格。
　　2.8表单标记(Form Tags)
　　此类标记用来制作交互式表单，主要的有：
　　<Form>...</form>:表明表单区段的开始与结束。
　　<input>:产生单行文本框、单选按钮、复选框等。
　　<textarea>...</textarea>:产生多行输入文本框。
　　<select>...</select>:标明下拉列表的开始与结束。
　　<option>...</option>:在下拉列表中产生一个选择项目。
　　HTML标记并没有大小写之分，即<BODY>和<body>是相同的。以下来分别介绍这些标记。

　　3. 文件结构标记
　　一个html文件的结构基本上可以分为两部分，一部分称为标题区(Head Section)；另一部分称为主体区(Body Section)。文件结构标记就是用来标示出何处属于标题，何处属于主体。
　　3.1<html>：标示整份文件
　　用途：标示整篇html文件
　　说明：一个标准的html文件是一篇以<html>开头，而以</html>结束的文件。即：
　　<html>
　　... html文件全文
　　</html>
　　3.2<head>:标示出文件标题区
　　说明：html文件中，由<head>和</head>所夹住的区域称为文件的标题区。通常head区段都内含在html区段之中，即：
　　<html>
　　<head>
　　...... html文件标题区
　　</head>
　　.....
　　</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)，作为背景图案。该图形会像拼瓷砖一样铺成整个网页的底图。

标签：
HTML,基本语法
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
岱庙资源网 Copyright www.zgmyg.com
www.zgmyg.com 岱庙资源网
129,905影音资源
244,626技术资源
111,817软件资源
578,645站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
岱庙资源网 Copyright www.zgmyg.com