置頁面背景
<body bgcolor=""> 設置背景顏色,使用名字或rgb的十六進制值;
設置正文的顏色
<body text=""> 設置文本顏色.使用名字或rgb的十六進制值;
設置背景圖片
<body background="bgimage.jpg">
設置背景音樂
<body bgsound="">
<body bgproperties="fixed"> 固定背景圖片(IE適用);
<body link=""> 設置鏈接顏色,使用名,字或rgb的十六進制值;
<body vlink=""> 設置已使用的鏈接的顏色,使用名字或rgb的十六進制值;
<body alink=""> 設置正在被擊中的鏈接的顏色,使用名字或rgb的十六進制值;
設置頁面邊距(單位像素)
topmargin leftmargin rightmargin bottommargin
topmargin 設置到頂端的距離
leftmargin 設置到左邊的距離
rightmargin 設置到右邊的距離
bottommargin 設置到底部的距離
實例:
全棧攻城獅-每日更新原創IT編程技術及日常實用視頻。
主要內容:這是HTML課程的第六課,在這節課程中主要講解一下HTML中body的屬性,以及表格元素。希望大家根據這個教程可以學習一下。
上節回顧
在上節中主要講解了超鏈接和圖片的知識點。上節請戳->網頁前端開發基礎教程05-網頁中插入圖片和超鏈接,界面更絢麗
當然講解的并不是很全面,只是把常用的HTML屬性進行講解了出來,在后期會進行做項目,到時候,直接回顧一下,馬上就能搞懂了。這次直接講解一下HTML中的body屬性以及表格元素。
PS:其實HTML這個東西很簡單,只需要根據對應的元素,學會標簽指的是什么就可以了,就和諜戰片中中的密碼本一樣,按照密碼本書寫對應的格式,寫上去就能直接顯示了。只是學會這種標簽的樣式而已。自己學習HTML也是可以的。最重要的還是進行實踐。
body的屬性
body是整個頁面的主體元素,我們把內容寫入到body元素中,那應該如何設置主體的背景顏色、背景圖片呢?
下面就一一來講解一下。使用Sublime創建一個HTML文件。
設置背景顏色,屬性為bgcolor,值為RGB顏色或者顏色的英文單詞。
2.背景圖片設置,背景圖片照樣可以用路徑的方式寫入到HTML文件中。屬性為background例如:
當然body的屬性值,比較少,而且幾乎不太用,在以后的時候要使用CSS代替這些東西。
表格
表格在網頁中還是很常用的,比如在按照每行數據進行展示的時候,就需要用到表格啦。所以就需要學習一下表格應該如何寫。
OK,我們先建立一個最簡單的學生信息表:
其中table(表格)、tr(一行)、(一個單元格)。這三個時表格最基本的元素。并依次有個上下級嵌套的關系。
表格中的屬性
表格中有很多屬性,正是因為有了這些屬性,才讓表格無比強大。比如在老早的時候,風靡一時的Hao123就是使用表格進行制作的。OK在下節中咱們也會自己制作一個模仿的Hao123第一版,通過table制作。
border
border是邊框的意思,在以后的學習中你肯定會對這個單詞不陌生,因為這個單詞真的是太常用了。border有兩個值分別為0和1.0表示“沒有邊框”,1表示“有邊框”。
cellpadding:
這個表示的是表格的內邊距,也就是表格的邊框到里面的內容的距離。
數值越大,單元格的表框到內容的距離越大。
cellspacing
這是單元格和單元格之間的距離,這個值越大,單元格之間的距離越大。
align:
align表示的是單元格的對齊方式,對里面的內容進行水平的對齊,其值有三個分別為right(右)、center(居中)、left(左)。
colspan、rowspan:
這是兩個屬性,分別表示行的合并和列的合并。其值為數字,表示要合并的單元格:
還有其他幾個屬性例如:valign、bgcolor、width、height等在前課程中也講過了。
每天一個知識點,帶你邁向軟件編程大神,一起努力吧。下節課程,我們一起做一個Hao123的導航頁面。
、HTML5設計哲學,它并不是規范優先的設計,它是“妥協式”的規范。
2、HTML5對元素大小寫不再嚴格區分,開發者可以隨意使用大小寫字符來定義HTML元素。
3、對于一份基本的HTML5文檔而言,它總有如下結構:
<!DOCTYPE html>
<html>
<head>
<title>頁面標題</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312”/>
<!—此處還可插入其他meta、樣式單等信息à
</head>
<body>
頁面內容部分
</body>
</html>
4、不要在<html>和<head>之前插入任何內容!不要在</head>和<body>之間插入任何內容!不要在</body>和</html>之前插入任何內容。
5、HTML5保留的基本元素有如下幾個:
<!--…-->:定義HTML注釋,里面的內容會被當成注釋處理。
<html>:它是HTML5文檔的根元素。但HTML5允許完全省略這個元素。
<head>:它用于定義HTML5文檔的頁面頭部分。但HTML5允許完全省略這個元素。
<title>:用于定義HTML5文檔的頁面標題。
<body>:用于定義HTML5文檔的頁面主體部分,該標簽可以指定id、class、style等核心屬性,還可以指定onload、onunload、onclick、ondblclick、onmousedown、onmouseup、onmouseover、onmousemove、onmouseout、onkeypress、onkeydown、onkeyup等事件屬性,這些屬性用于指定JavaScript腳本。
6、幾乎所有的HTML元素都可指定id、style和class屬性。其中ID屬性用于為HTML元素指定一個唯一標識,該標識是通過DOM訪問HTML元素的重要途徑。Class 和style屬性是CSS樣式相關屬性。
7、<span>and <div>這兩個標簽很相像,只是前者默認是不會自動換行。使用的屬性值基本一樣。
8、<span/>、<div/>和<p/>三個元素都可以作為其他內容的“容器”,在默認情況下,<span/>不會導致換行,<div/>會導致換行,<p/>會產生出段落,段落之間會有更大的間距。更要注意的是<span/>和<p/>只能包含文本、圖像、超鏈接、文本格式化元素和表單控件等內容,<p/>可以<span/>,但<span/>不能包含<p/>;<div/>元素除了可以包含上面的這些內容外,還可以包含更多的元素。
9、<b>定義粗體,<i>定義斜體,<em>定義強調文本,<strong>定義粗體文本,在HTML5中,使用<strong.../>包起來的文本代表首重要的文本。<small>定義小號字體文本,在HMTL5中專門用于標識所謂的“小字印刷體”,通常用來標注諸如免責聲明、注意事項、法律規定和版權相關的聲明性文字。
10、<sup>定義上標文本,<sub>定義下標文本;<bdo>定義文本顯示的方向,該標簽也可以指定dir屬性,該屬性值只能是ltr或者rtl。
11、在HTML5中,空元素標簽不允許將開始標簽和結束標簽分開定義。空標簽有如下:area base br col command embed hr img input keygen link mata param source wbr。如果這些標簽開始和結束標簽分開寫是錯誤的。
12、可以省略結束標簽的元素:colgroup dt dd li optgroup option p rt rp thead tbody tfoot tr td th <p>
13、可以省略全部標簽的元素: html head body tbody。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。