美国人不吃家得路:HTML基本知识
来源:百度文库 编辑:偶看新闻 时间:2024/05/06 01:39:12
http://www.chxr.net/textbook/manual/a-html.htm
http://www.bjpeu.edu.cn/~yanglb/html/
http://www.gzsums.edu.cn/webclass/html/html_design.html
http://www.shanxiwindow.net/teaching/htmlbook/
http://unit.cug.edu.cn/wlzx/wlfw/FrontP98CAI/html/fundation/h013.htm
一、HTML基本结构
头 部 信 息
文 档 主 体, 正 文 部 分
其中在最外层, 表示这对标记间的内容是HTML文 档。我们还会看到一些Hompage省略标记,因为.html 或.htm 文件被Web浏览器默认为是HTML文档。 之间包括文档的头部信息,如文档总标题等,若不需头部信息则可省略此标记。 标记一般不省略, 表示正文内容的开始。
下面是一个最基本的超文本文档的源代码:
欢迎光临我的主页
这是我第一次做主页,无论怎么样,我都会努力做好!
━┓
┃文件头
━┛
━┓
┃
┃
┃
┃文件体
┃
┃
┃
┃
━┛
超文本中的标签
刚刚接触超文本,遇到的最大的障碍就是一些用“<”和“>”括起来的句子,我们称它为标签,是用来分割和标记文本的元素,以形成文本的布局、文字的格式及五彩缤纷的画面。
1. 单标签
某些标记称为“单标签”,因为它只需单独使用就能完整地表达意思,这类标记的语法是:
< 标签名称>
最常用的单标签是
, 它表示换行。
2.双标签
另一类标记称为“双标签”,它由“始标签”和“尾标签”两部分构成,必须成对使用,其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能,而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠(/)即成为尾标记。这类标记的语法是:
<标签> 内 容 标签>
其中“内容” 部分就是要被这对标记施加作用的部分。例如你想突出对某段文字的显示,就将此段文字放在一 标记中:
第一:
3.标签属性
许多单标记和双标记的始标记内可以包含一些属性, 其语法是:
< 标签名字 属性1 属性2 属性3 … >
各属性之间无先后次序,属性也可省略(即取默认值),例如单标记
表示在文档当前位置画一条
水平线(horizontal line),一般是从窗口中当前行的最左端一直画到最右端。带一些属性:
其中SIZE属性定义线的粗细,属性值取整数,缺为1;ALIGN属性表示对齐方式,可取LEFT(左对齐,
缺省值),CENTER(居中),RIGHT(右对齐);WIDTH 属性定义线的长度,可取相对值,(由一对 " "
号括起来的百分数,表示相对于充满整个窗口的百分比),也可取绝对值(用整数表示的屏幕像素点的
个数,如WIDTH=300),缺省值是"100%"。
文字的大小设置
提供设置字号大小的是FONT,FONT有一个属性SIZE,通过指定SIZE属性就能设置字号大小,而SIZE属性的有效值范围为1-7,其中缺省值为3。我们可以SIZE属性值之前加上“+”、“-”字符,来指定相对于字号初始值的增量或减量。请看示例:
字号大小
这是size=7的字体
这是size=6的字体
这是size=5的字体
这是size=4的字体
这是size=3的字体
这是size=2的字体
这是size=1的字体
这是size=-1的字体
文字的字体与样式
HTML4.0提供了定义字体的功能,用FACE属性来完成这个工作。FACE的属性值可以是本机上的任一字体类型,但有一点麻烦的是,只有对方的电脑中装有相同的字体才可以在他的浏览器中出现你预先设计的风格。
请看例子:
字体
欢迎光临
欢迎光临
欢迎光临
欢迎光临
Welcom my homepage.
Welcom my homepage.
为了让文字富有变化,或者为了着意强调某一部分,HTML提供了一些标签产生这些效果,现将常用的标签列举如下:
粗体 HTML语言
斜体 HTML语言
加下划线 HTML语言
打字机字体 HTML语言
大型字体 HTML语言
小型字体 HTML语言
闪烁效果
表示强调,一般为斜体 HTML语言
表示特别强调,一般为粗体 HTML语言
用于引证、举例,一般为斜体 HTML语言
现在我们用一个实例来看看效果:
字体样式
黑体字斜体字
加下划线
大型字体
小型字体
Welcome
Welcome
Welcom
文字的颜色
文字颜色设置格式如下:…
请看例子:
文字的颜色
色彩斑斓的世界
色彩斑斓的世界
色彩斑斓的世界
色彩斑斓的世界
色彩斑斓的世界
色彩斑斓的世界
色彩斑斓的世界
標籤 , 屬性名稱 , 簡介
註解
跑馬燈
普通捲動
滑動
預設捲動
來回捲動
向下捲動
向上捲動
向右捲動
向左捲動
捲動次數
設定寬度
設定高度
設定背景顏色
設定捲動距離
設定捲動時間
字體效果...
標題字(最大)...
標題字(最小)
...粗體字
...粗體字(強調)
...斜體字
...斜體字(強調)
...斜體字(表示定義)
...底線
...底線(表示插入文字)...橫線...刪除線...刪除線(表示刪除)
...鍵盤文字
... 打字體... 固定寬度字體(在文件中空白、換行、定位功能有效)... 固定寬度字體(不執行標記符號)... 固定寬度小字體
...字體顏色
...最小字體
...無限增大
區斷標記
水平線
水平線(設定大小)
水平線(設定寬度)
水平線(設定顏色)
(換行)... 水域(不換行)...
水域(段落)... 置中
連結格式(預設好連結路徑)
外部連結
外部連結(另開新視窗)
外部連結(全視窗連結)
外部連結(在指定頁框連結)
貼圖/音樂
貼圖
設定圖片寬度
設定圖片高度
設定圖片提示文字
設定圖片邊框背景音樂設定
表格語法...
表格位置,置左...
表格位置,置中...
背景圖片的URL=就是路徑網址...
設定表格邊框大小(使用數字)...
設定表格的背景顏色...
設定表格邊框的顏色...
設定表格暗邊框的顏色...
設定表格亮邊框的顏色...
指定內容與格線之間的間距(使用數字)...
指定格線與格線之間的距離(使用數字)...
指定表格的欄數...
設定表格外框線的顯示方式...
指定表格的寬度大小(使用數字)...
指定表格的高度大小(使用數字)... 指定儲存格合併欄的欄數(使用數字)... 指定儲存格合併列的列數(使用數字)
分割視窗