禁止发表博彩类、私服、色情、赌博、诈骗、违法广告等一切国家法律禁止的内容,一经发现,立即禁言并清空帖子,严重者报公安机关处理!

菜鸟快速读懂HTML语言

0
回复
567
查看
[复制链接]
发表于 2012-9-7 21:18:26 | 显示全部楼层 |阅读模式
菜鸟快速读懂HTML语言
HTML语言是网页制作的基础,是初学者必学的内容。虽然现在有许多所见即所得的网页制作工具,但是说到底,还是有必要了解一些HTML的语法。这样,您可以更精确的控制页面的排版,可以实现更多的功能。HTML语言可直接使用普通的文本编辑器进行编辑(例如:DOS下的EDITWindows中的记事本等)。
  小技巧:如何查看别人网页的HTML
  你只要用浏览器(例如:IE)打开某网页(例如:),然后用鼠标右键点击网页中的空白位置,选择“查看源文件”,此时这个网页的源文件就一览无遗了。如果遇到有些网页屏蔽右键菜单的话,那么可以选择“查看→源文件”查看源文件。
  一、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@dali8.net\",是表示邮件链接。
  \"file&#58//c:/index.html\",是表示本地文件链接。
  \"http://www.dali8.net\",是表示网络网址链接。
  \"ftp://ftp.dali8.net/\",是表示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\">:清除已输入信息。
关注官方微信

微信号:大白网

微博:大白网

QQ1群:4731622

QQ2群:4731622

全国服务热线:

QQ24485416

(工作日:周一至周五 9:00-16:00)
大理市
www@dali8.net

手机版-小黑屋- 大理白族|大理乡村旅游网|大理网|大理论坛|白族网|大理旅游网|大理信息网|大理生活网

技术支持:挖主机网络 Powered by大白网© 2006-2025 dalibaizu.com  滇ICP备19004088号 滇公网安备 53290102000530号