html語言基本知識(梁璐)

關於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>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章