Get me outta here!

網頁教學:標記屬性的介紹

 

網頁中的標記有許多的功能,可以用來組成網頁的內容。有些標記可以加上一些屬性,如文字顏色、背景顏色及指定背景圖片等,這些屬性將可改變網頁之呈現方式,更可以美化你的網頁內容。

一、標記屬性之輸入位置及規定

屬性係直接輸入在起始標記內,其輸入之規定彙整如下:

  • 直接置於起始標記內。
  • 標記屬性輸入之格式為:屬性名稱="設定值"
  • 如果有很多屬性,則以空白隔開不同的屬性。
  • 屬性輸入後,其設定值之前後需輸入 『"』,如<body text="#000000">。

二、標記屬性的用法介紹

      圖1之內容可看到,<body>標記之起始標記內容中,有『text』、『bgcolor』、『link』、『alink』、『background』、『bgproperties』、『leftmargin』及『topmargin』等文字,這些就是<body>標記的屬性。標記之種類很多,其屬性亦有許多種,在此一部份沒有辦法逐一介紹,在此僅以<body>標記來介紹。

標記屬性的用法介紹

圖1  標記屬性的用法介紹

      <body>標記的屬性功用說明如下:

  • text

 

  • link

 

  • alink

 

  • vlink

 

  • background

 

  • bgcolor

 

  • leftmargin

 

  • topmargin

 

  • bgproperties

網頁教學:HTML的組成

 

      一個最簡單的html網頁,是由<html>與</html>標記出網頁開始與結束(如圖1),網頁內大致可分為頭(<head>)與身體(<body>)二部分,而<head>與<body>內又有許多具備其他能功能的標記,如<title>、<br>及<hr>等,才能完全構成一個功能完整的網頁。就好像人的身體一樣,除了頭與身體外,還需要脖子連接頭與身體,更需要四肢人才能自由的活動。

html的組成

圖1  網頁的基本組成(本範例係利用dreamwaver編輯,切換至《程式碼》頁面時之情形)

      以圖1的內容為例,逐一說明裡面各相關標記的功能。

一、<head>與</head>標記

      <head>與</head>標記內一般係用來放置網頁的相關資訊,例如<title>、<meta>,這些資訊通常不會呈現在網頁內容中。

二、<tilte>與</title>標記

      <title>與</title>係用來說明此網頁的標題,此標題會顯示在你使用的瀏覽器標題列上(如圖2)。另外,當別人要將你所製作的網頁儲存為『我的最愛』時,該書籤之預設名稱(如圖3)。

html的組成2

圖2  用瀏覽器觀看依『圖1』內容所製作之網頁

html的組成3

圖3  新增我的最愛時,「名稱」欄位之內容,即為<title>與</title>間之文字

三、<body>與</body>標記

      這裡係放置網頁的內容,這些內容將直接呈現在網頁之內容中(如圖2)。

網頁教學:HTML的標記型態

      因為我很久沒有碰網頁設計的東西了,最近因為不知道那根筋不對,又對網頁設計重新起燃起了興趣,所以買了一些書來看,但因為人老了,記憶力不好,所以才想把書上所看到的一些內容整理一下,以免自己忘記,本來是想抄成筆記的,但想說如果放到網路上來,一來自己可隨時查閱,二來也可幫助想學網頁設計的網友們,所以就把相關內容放到網頁上來,希望可以幫助到有心想學網頁設計的朋友們。

html標記都有固定的格式,必須由『<』與『>』符號將其框住。舉例來說,如<title>、<body>及<br>等,若要再將其細分,可再分為圍堵標記單一標記,分別說明如下:

一、圍堵標記

      從字面來看,就是將文字前後堵住,以達預期效果的標記,如<title>及<body>皆屬這類標記。此類標記都是成雙成對的,可分為起始標記終止標記,以<body>標記來說,<body>屬起始標記,它的終止標記為</body>。【有看出來嗎?起始標記終止標記有何不同?我相信你一定看出來了,終止標記中有多一個『/』符號。】

圍堵標記輸入之方式為如下:<body>歡迎光臨育華影印</body>

 

二、單一標記

      單一標記只有起始標記而沒有終結標記,如<br>、<hr>及<p>等皆屬單一標記。【<br>之功能為分行,<hr>之功能為加入分隔線,<p>之功能為分段】

如何在excel2007中插入函數

插入函數的方法有二種。

  • 直接輸入函數公式。
  • 切換至﹛公式﹜頁面,直接點選《插入函數》按鈕。

一、直接輸入函數公式

       選取你想要插入函數之儲存格後,直接在圖1之地方輸入函數公式,但請記得所有公式的開頭必須加上〝=〝符號,函數才能擁有運算之功能,不然就只是在儲存格中輸入文字罷了。

如何在excel2007中插入函數-直接輸入函數公式

圖1  直接輸入函數公式

 

二、切換至﹛公式﹜頁面,直接點選《插入函數》按鈕

      選取你想要插入函數之儲存格,接著再點選《插入函數》按鈕(如圖2),此時將出現圖3之「插入函數」交談視窗。在「插入函數」交談視窗中可以指定並選擇所有的函數。在【選取類別】選項欄裡點擊,從中選擇你想要使用的函數種類,再選取【選取函數】選項中你想要使用的函數,並按下《確定》按鈕

      在按下《確定》按鈕後,就會出現「函數引數」交談視窗(如圖4),你可在【Number】選項欄中設定範圍或參數,之後再按下《確定》按鈕,就可將求得之結果顯示在你選取之儲存格裡。

如何在excel2007中插入函數-點選插入函數按鈕1 

圖2  切換至﹛公式﹜頁面

 

如何在excel2007中插入函數-點選插入函數按鈕2

圖3  直接點選《插入函數》按鈕,出現「插入函數」交談視窗

 

如何在excel2007中插入函數-點選插入函數按鈕3 

圖4  函數引數「交談視窗」

 

如何在excel2007中插入函數-點選插入函數按鈕4

圖5  求得之結果顯示在你選取之儲存格裡

「COUNTIF函數」之應用

說明:在設定範圍內,依設定條件來計算儲存格之數目。

範例一:從請款名細中得到能X工程之訂購紙件數。

範例二:從問卷中之評價結果,評析員工之表現。

 

範例一:

 countif函數-範例一

範例二:

countif函數-範例二