關於html語言的基本知識(第一部分):
1.結構
主要由head,title,body,三個部分組成。
每一個部分都是以<>...</>形式組成的,如:<head>...</head>
<>表示這一部分的開始,</>表示這一部分的結束。
如<html>
<head><title>標題部分</title></head>
<body>我的第一個html網頁</body>
</html>
這也是一個簡單的html語言。
HTML對回車和空格都不敏感,所以寫的時候不必太在意它們。
2.BODY中的一些語言和用法
①.對頁面的設置:
bgcolor標誌頁面背景顏色
<body bgcolor="red">即頁面背景色爲紅色;
background設置背景圖片
<body background=“圖片地址”>
bgproperties=fixed是設置背景圖片不隨滾動條的滾動而滾動,直接加在地址後面即可。
②.對文字的設置:
<body text="green">即網頁文字爲綠色
對於鏈接中的文字,link,vlink,alink分別對應:普通超級鏈接,訪問過的超級鏈接,當前活動的超級鏈接。
如,<body alink="red" link="pink" vlink="green">當前顏色爲粉色,點擊時爲紅色,訪問過爲綠色。
<body text="green" leftmargin="200" topmargin="300">你好嗎。即“你好嗎”距離左邊衛200,上邊爲300.
下面是幾個對文字的控制語句:
<B>...</B>加粗
<I>...</I>斜體方式
<EM>...</EM>斜體方式
<SUP>...</SUP>以上標文本效果
<SUB>...</SUB>下標文本的效果
<U>...</U>以下劃線顯示
<S>...</S>以刪除線顯示
<FONT>控制文字的大小和樣式:
<font color="顏色值" size="大小" face=“字體樣式”>
</font>
跑動文字:
<marquee>...</marquee>是文字產生跑動效果,其中,
direction:走動方向;
bgcolor:文字背景顏色;
height:跑動文字的高度;
wide:跑動文字的寬度;
hspace:文字水平邊距;
vspace:文字上邊距;
behavior:文字運動方式;
loop:文字跑動圈數;
scrolldelay:移動速度;
scrolldelay:移動延時。
如:
<marquee direction="right" heigh="50"...>+跑動文字內容
</marquee>
③.標題的設置
定義了六個標題,從h1至h6,字體依次變小。
<body>
<h1>文字</h2>
</body>
利用align語句實現標題文字水平,左,中,右的對齊方式:
align=“left/center/right"
如:
<body>
<h1 align="left">文字</h1>
</body>
④.段落的設置
<p>:標記段落,可以區分段落,也可以區分換行
<br>:之後的文字會在下一行出現
<hr>:設置水平線
<center>:標記所包含的內容,將以居中對齊的方式呈現
<pre>:吧源文件中的回車,空格,換行,tab鍵表現出來
<nobr>:取消瀏覽器因爲窗口的變化而產生的文字等其他內容的換行
<xmp>:是標記內的html語言在網頁中不起作用,依然以html語言的方式呈現
如:
<body>文字
<p>文字<br>
<hr>
<center>文字</center><br>
⑤.html列表
有序列表(使用數字編號,分項帶有順序性質)
形式:<ol>...</ol>
<ol type="編號樣式" start="編號起始值">
<l1>項目一</l1>
...
</ol>
其中,type包括:阿拉伯數字,英文大小寫,羅馬小寫數字,羅馬大寫數字。
start:編號樣式設置爲A,起始值設置爲2,則列表的起始值爲B。
無序列表(不爲數字爲開始,而是使用一種符號作爲分項標記)
形式:<ul>...</ul>
<ul>
<l1>項目一</l1>
...
</ul>
其中,type包括:circle空心圓,disc圓點,square正方形。
如果沒有說明的話,就是默認爲圓點。
自定義列表(包含兩個層次,一個是名詞,一個是名詞的解釋)
形式<dl>...</dl>
<dl>
<dt>任意符號<dd>文字</dd>
...
</dl>