程序员人生 网站导航

网页基础制作教程:学习HTML经验总结

栏目:htmlcss时间:2014-05-13 23:16:15

  建站学院(LieHuo.Net)网页制作 网页制作是一门非常有趣的课程,通过网页制作不但可以展现我们的作品、更可以陶冶情操,往大里说可以达到一些商业赢利等。有些朋友感觉网页制作都是一些英文和字母,太难了,其实HTML就是一种超级文本语言,如果您对英文了解的比较少,学习之初可以先了解一些理论,然后通过网页制作软件学习,如:Dreamweaver、Frontpage等。今天建站学院的小编搜集了一些网页制作的经验总结,希望对您学习网页制作有所帮助。

  HTML概念

  HTML(Hyper Text Markup Language 超文本标识语言)是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档。

  HTML文档的编写方法

  1.手工直接编写:记事本等,存成.htm .html格式

  2.使用可视化HTML编辑器: Frontpage、Dreamweaver等

  3.由Web 服务器( 或称HTTP 服务器一方实时动态地生成。

  网页文件命名

  1.*.htm或*.html

  2.无空格

  3.无特殊符号(例如&符号),只可以有下划线“_”,只可以为英文、数字

  4.区分大小写

  5.首页文件名默认为:index.htm 或 index.html

  HTML 文件结构

  元素:是HTML语言的基本部分。元素总是成对出现,每一对元素一般都有一开始的标记(如),也有一个结束的标记(如)。元素的标记要用一尖括号括起来,并且结束的标记总是在开始的标记前加一个斜杠

  HTML 文件结构(Document Structures)

  HTML 文件的正文

  基本组成部分——HTML元素属性

  HTML元素可以有自己的相关属性,每一个属性还可以由我们网页编制者赋一定的值。元素属性出现在元素的< >内,并且和元素名之间有一个空格分隔;属性值用“”引起来。

  元素及元素属性——1

  元素表明是HTML文档的主体部分。在与之间,通常都会有很多其它元素;这些元素和元素属性构成HTML文档的主体部分。

  元素及元素属性——2

  元素中有下列元素属性:

  (1)bgcolor

  bgcolor属性标志HTML文档的背景颜色。如:bgcolor="#CCFFCC"

  HTML对颜色的控制

  HTML对颜色的控制也有自己的语法。HTML使用16进制的RGB颜色值对颜色进行控制

  16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.

  常见的颜色的代码

  颜色颜色名和RGB值黑色Black=”#000000”银色Silver=”#c0c0c0”红色Red=”#ff0000”蓝色Blue=”#0000ff”白色White=”#ffffff”黄色Yellow=”ffff00

  <body>元素及元素属性——3

  <body>元素中有下列元素属性:

  (2)background

  background属性标志HTML文档的背景图片。如:background=“images/bg.gif"。可以使用的图片格式为GIF,JPG

  (3)bgproperties=fixed

  bgproperties=fixed使背景图片成水印效果,即图片不随着滚动条的滚动而滚动。

  (4)text

  text属性标志HTML文档的正文文字颜色。如:text=“#FF6666”。Text元素定义的颜色应用于整篇文档。

  (5)超级链接颜色

  link、vlink、alink分别控制普通超级链接、访问过的超级链接、当前活动超级链接颜色。

  (6) leftmargin和topmargin

  设置网页主体内容距离网页顶端和左端的距离如:leftmargin="20" topmargin="30“

  文字标签属性——1

  文字属性标记

  1.文字颜色

  指定颜色 <font color=#> ... </font>

  #=RRGGBB 16 进制数码

  文字标签属性——2

  文字属性标记

  2.文字字体

  <font face=“#, #, ..., #”> ... </font>#=客户端可获得的字体

  文字标签属性——3

  文字属性标记

  3.文字大小

  <font size=#> ... </font>

  #=1, 2, 3, 4, 5, 6, 7 or +#, -#

  文字标签属性——4

  文字属性标记

  4.文字标题

  <h#> ... </h#>

  #=1, 2, 3, 4, 5, 6

  文字布局

  行的控制

  段(Paragraph) (可以看作是空行) <p>

  空白占位符&nbsp;

  HTML的段落与段落之间有一定的空隔。如果不希望出现空隔而只想换行的话,就要用到另一个元素,即<br>元素。<br>元素可以使所在的位置出现换行。这种换行和浏览器的自动换行的效果类似。<br>元素不是成对出现的。

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐