整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML body屬性

          HTML body屬性

          置頁面背景

          <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文件。

          1. 設置背景顏色,屬性為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。


          主站蜘蛛池模板: 99精品一区二区三区| 九九无码人妻一区二区三区| 亚洲av成人一区二区三区| 嫩B人妻精品一区二区三区| 国产精品一区在线播放| 国产精品香蕉在线一区| 福利电影一区二区| 国产精品无码亚洲一区二区三区 | 自拍日韩亚洲一区在线| 红桃AV一区二区三区在线无码AV| 在线一区二区观看| 国产成人一区在线不卡| 中文字幕在线一区二区三区| jazzjazz国产精品一区二区| 国产suv精品一区二区6| 一区二区三区免费视频观看| 国偷自产Av一区二区三区吞精| 中文字幕精品亚洲无线码一区应用| 国产成人无码AV一区二区| 精品无码AV一区二区三区不卡| 亚洲一区二区影视| 国产精品成人国产乱一区| 亚洲AV无码一区二区三区DV| 老熟女高潮一区二区三区| 色噜噜一区二区三区| 亚洲国产综合精品中文第一区| 亚洲AV无码一区二区三区人| asmr国产一区在线| 99热门精品一区二区三区无码| 国产在线观看一区二区三区四区 | 国产乱码精品一区二区三区麻豆 | 亚洲日本一区二区三区在线| 国产精品久久久久久麻豆一区| 一区二区三区在线播放视频| 国产香蕉一区二区精品视频| 亚洲熟妇av一区二区三区漫画| 亚洲另类无码一区二区三区| 国产精品毛片VA一区二区三区| 无码人妻久久一区二区三区免费丨| 国产人妖视频一区二区 | 国产女人乱人伦精品一区二区 |