[HTML] 常用tag寫法

  • 0
HTML常用tag寫法 by TonyQ @ iT邦


@常用樣式標籤

h1:用來表示網頁中比較重要的大標題項目(如呈現在畫面內容中的標題等)
ul, li:清單式的資料
table : 表格式的資料(至少需搭配 tr , td 等 tag 使用)
a : 超連結
href :超連結網址,點擊後會開啟的網頁。
target:開啟在哪個窗口,如果沒有給這個屬性,就會進行原頁跳轉,如果設定 _blank ,則會開新頁面。

img: 圖像標籤
src :圖片網址,
alt :圖片無法顯示時的替代文字
title: 作為滑鼠指標移過去時顯示的圖片介紹,
div: 區塊,用來作為網頁區塊的標籤,非常常用,是網頁樣板(layout)排版中非常常見的元素。常見於大區塊的排列設計。
p:段落,用來呈現一段一段的文字
span:非超連結且非段落的一般文字,適合使用這個標籤。
br :斷行標籤,但基本上應該避免使用。(透過段落與寬度設定達成適當地換行。)

@還有一些用來進行操作與輸入的標籤:

form :將其內容的資料欄位集合成一個單位送出
textarea:多行文字輸入專用
input :依照 type 屬性分為 text/password/button/radio/checkbox ,非常多功能的標籤
select:下拉式選單(需配合 option tag 使用)

@另外還有一些現在還不會介紹到,但之後也會陸續出現的標籤與觀念

title:網頁標題
meta: 網頁的基礎屬性設定
link:可用來載入 CSS 用的標籤
style:用來設定 css 樣式的標籤(跟 link 的差別在於主要不是讀檔)
iframe:用來載入其他網頁作為子畫面用的標籤
script:用來載入或執行 JavaScript 的標籤

沒有留言 :

張貼留言