分享
 
 
 

菜鸟快速读懂HTML语言

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

HTML语言是网页制作的基础,是初学者必学的内容。虽然现在有许多所见即所得的网页制作工具,但是说到底,还是有必要了解一些HTML的语法。这样,您可以更精确的控制页面的排版,可以实现更多的功能。HTML语言可直接使用普通的文本编辑器进行编辑(例如:DOS下的EDITWindows中的记事本等)。

小技巧:如何查看别人网页的HTML

你只要用浏览器(例如:IE)打开某网页(例如:[url=http://www.chinamx.com.cn/][/url]),然后用鼠标右键点击网页中的空白位置,选择“查看源文件”,此时这个网页的源文件就一览无遗了。如果遇到有些网页屏蔽右键菜单的话,那么可以选择“查看→源文件”查看源文件。

一、HTML标记的约定

HTML语言是网页制作的基础,是初学者必学的内容。虽然现在有许多所见即所得的网页制作工具,但是说到底,还是有必要了解一些HTML的语法。这样,您可以更精确的控制页面的排版,可以实现更多的功能。HTML语言可直接使用普通的文本编辑器进行编辑(例如:DOS下的EDITWindows中的记事本等)。

在HTML中,标记是用来界定各种单元,如标题、段落、列表等。HTML单元由三部分组成:起始标记、单元内容、结束标记。起始标记由“<”和“>”来界定,结束标记由“</”和“>”来界定,单元名称和属性由起始标记给出。如:“<TITLE>走进数码网--数码时代的电脑应用专家</TITLE>”,“<TITLE>”和“</TITLE>”是起始标记和结束标记,“走进数码网--数码时代的电脑应用专家”是单元的基本内容。

1.超文本标记用带尖挎号“<”和“>”表示。

2.超文本标记一般是成对出现,用带斜杠的元素表示结束,如:<html>和</html>。但有些标记只有起始标记而没有结束标记,如:<BR>,它网页中表示引入一个换行动作还有些标记可以省略,如:段落的结束标记</P>就可以省略。

3.超文本标记忽略大小写,如:<HTML>和<html>是等效的,但其中实体内容的名称是要区分大小写,如"&NAME"和"&name"是表示不同的实体。

4.一个标记元素可写在多行,参数位置不受限制。

二、HTML主要标记的用法

HTML文档的标记在该语言中占有重要的地位,可以说,整个HTML文档都是它的标记构成的,HTML文档的标记为编写该文档建立了固定的框架,我们只要在这个框架中填充内容就行了。但你可能会对HTML语言,而感到一头雾水吧?

其实您可以将HTML文档分成两部分:首部信息和正文主体。其具体的结构如下:

<HTML>

<HEAD>

首部元素、元素属性及基本内容。

</HEAD>

<BOBY>

主体元素、元素属性及基本内容。

</BOBY>

</HTML>

首部元素中的内容在浏览器中是不被显示出来,它主要是浏览器使用首部来收集有关页面的各种信息。我们在浏览器中看到的是<BOBY>和</BOBY>之间的内容。在此就不再对各元素的应用进行详细说明,下面主要介绍一些元素的含义。

1.主窗体元素含义

<HTML>和</HTML>:超文本的开始和结束。

<HEAD>和</HEAD>:超文本标题的开始和结束。

<TITLE>和</TITLE>:超文本窗口标题的开始和结束,它被显示在浏览器顶端的标题栏中。

<META>:是用来描述HTML文档的元信息,即文档文档自身的信息。

<BODY>和</BODY>:正文的开始和结束,它被显示在浏览器中。其中可以包含许多元素,是HTML语言的核心部分。

主要属性:

background=url:指定背景图片,由属性url指定位置。

bgcolor=color:指定文档中的背景颜色

text=color:指定文档中的文本颜色

link=color:指定尚未访问的超链接的颜色

alink=color:指定活动的超链接的颜色

vlink=color:指定访问过的超链接的颜色

HTML使用的颜色可用颜色十六进制的RGB值来表示,也可以用颜色英文名来表示,例如颜色RGB值"#000000"和颜色英文名"Black"都表示黑色。附常见颜色对照表,如下表。

2.字符风格控制元素含义

<H1></H1>到<H6></H6>:定义字体的大小。

<B>和</B>:字体加粗。

<I>和</I>:字体变斜体。

<U>和</U>:字体加下划线。

<S>和</S>:字体加中划线。

<SUP>和</SUP>:字体为上标。

<SUB>和</SUB>:字体为下标。

<FONT>和</FONT>:定义字体属性。

FONT的主要参数:

size:定义字体的大小。

color:定义字体的颜色。

center:对齐方式。

3.版面控制元素含义

<PRE>到</PRE>:空格、回车有效。

<ALIGN>和</ALIGN>:对齐方式,主要参数有左对齐:LEFT右对齐:RIGHT居中对齐:CENTER。

<P>和</P>:段落的开始和结束。

<HR>:加划线。

<IMG SRC=...>:插入图片。

4.标题分级控制元素含义

<UL>和<OL>:标题分级方式。

<LI>:子标题。

5.锚元素含义

<a href="链接地址">和</a>:锚元素的开始和结束。

例如:

"/",是表示http链接。

"mailto:info@webjx.com",是表示邮件链接。

"file://c:/index.html",是表示本地文件链接。

"ftp://ftp.webjx.com/",是表示FTP文件下载链接。

6.表格元素含义

<TABLE>和</TABLE>:表格的开始和结束。

<CAPTION>和</CAPTION>:表格标题的开始和结束。

<TR>和</TR>:行的开始和结束。

<TH>和</TH>:栏标题的开始和结束。

<TD>和</TD>:栏的开始和结束。

主要参数:

ALIGN:横向定位

VALIGN:纵向定位

BORDER:表格边宽

COLSPAN:单元所占栏数

ROWSPAN:单元所占行数

7.交互元素含义

<FORM NAME="" ACTION="URL" METHOD=GET|POST>

<INPUT TYPE="TEXT">:文本框。

<INPUT TYPE="PASSWORD">:密码输入。

<INPUT TYPE="CHECKBOX">:单选框。

<INPUT TYPE="RADIO">:收音机按钮。

<INPUT TYPE="IMAGE">:图象。

<SELECT>和</SELECT>:下拉式选单。

<SELECT MULTIPLE>和</SELECT>:多项选择。

<TEXTAREA COLS=N ROS=N>和</TEXTAREA>:文字输入区。

<INPUT TYPE="SUBMIT">:提交传送到服务器。

<INPUT TYPE="RESET">:清除已输入信息。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有