學習HTML的一些記錄
什麼是 HTML 標籤
- HTML 文件和 HTML 元素是通過 HTML 標籤進行標記的
- HTML 標籤由開始標籤和結束標籤組成
- 開始標籤是被括號包圍的元素名
- 結束標籤是被括號包圍的斜槓和元素名
- 某些 HTML 元素沒有結束標籤，比如 <br />
註釋：開始標籤的英文翻譯是 start tag 或 opening tag，結束標籤的英文翻譯是 end tag 或 closing tag。
HTML元素:從開始標籤(starttag)到結束標籤(end tag)內的所有程式碼
HTML 屬性(在禪意花園的理念當中不建議使用HTML的行內樣式來定義標籤的屬性,而是僅僅使用HTML
這可以讓HTML有更多的變化總是以name=”value”的形式出現
HTML標題(標籤)_其中的元素是塊元素
標題(heading)是通過<h1>-<h6>的標籤來定義的
HTML段落,其中的元素也是塊元素
段落是通過<p>標籤定義
HTML樣式<style=”;;;”></>
可以再HTML中巢狀CSS樣式,這稱為行內樣式,但是不推薦使用這種方法
HTML連結
使用<a>標籤,可以轉到另一個頁面也可以轉到相同頁面的不同位置,其可以指向網路上的任何資源
HTML表格
使用<table></table>,
HTML列表:分為有序列表<ol><li></li></ol>和無序列表<ul><li></li></ul>,
但是這兩種方式在使用中的差異不大
HTML表單
用來蒐集不同型別的使用者輸入__這個內容比較重要,在動態網頁中大量使用HTML表單使用<form>…<input>…</form>
大多數情況下表單標籤是輸入標籤<input>
但是其他標籤的使用並不少見如下
input標籤可以定義的輸入型別為
文字域 text
單選按鈕 radio
複選框 checkbox
按鈕 submit
其他的型別
Option標籤下拉選單其中的selected="selected"屬性可以定義下拉選單的預選值
需要注意的是文字輸入框和input中的文字域是用的不同標籤文字輸入框使用<textarea>標籤來定義一個多行輸入
下面顯示的是如何在資料周圍回執一個帶標題的框(程式碼copy於w3cschool)
<html>
<body>
<fieldset>
<legend>健康資訊：</legend>
<form>
<label>身高：<inputtype="text" /></label>
<label>體重：<inputtype="text" /></label>
</form>
</fieldset>
<p>如果表單周圍沒有邊框，說明您的瀏覽器太老了。</p>
</body>
</html>
表單標籤
關於表單內值得傳遞要在php或asp等變成語言中學習
HTML影象可以再網頁中插入圖片<imgsrc=”url”/>關於圖片的修飾在css中有更加詳細的介紹
HTML背景:一般是設定一個文字或一個框的背景顏色,但是大多數都是在css中定製,可以使純顏色也可以是一張圖片,自我感覺在實際中好像用背景方式插入圖片是比較常見的
HTML顏色
在HTML中顏色的定義方式為
1. rgb(0-255,0-255,0-255
2. #三位16進位制數
3. #六位16進位制數
4. 也可以用顏色的英文名來定義一種顏色
HTML框架:可以再瀏覽器視窗中顯示不止一個頁面,這個我學的不好不過可以用於後臺管理還是很方便的,以後用到再說
HTML字型:這個以後再css中來定義
HTML中要使用一些字元必須用字元實體(就像在變成語言中的轉義字元一個道理)
最常用的字元實體
|
顯示結果 |
描述 |
實體名稱 |
實體編號 |
|
空格 |
|
  |
|
|
< |
小於號 |
< |
< |
|
> |
大於號 |
> |
> |
|
& |
和號 |
& |
& |
|
" |
引號 |
" |
" |
|
' |
撇號 |
' (IE不支援) |
' |
其他一些常用的字元實體
|
顯示結果 |
描述 |
實體名稱 |
實體編號 |
|
￠ |
分 |
¢ |
¢ |
|
£ |
鎊 |
£ |
£ |
|
¥ |
日圓 |
¥ |
¥ |
|
§ |
節 |
§ |
§ |
|
© |
版權 |
© |
© |
|
® |
註冊商標 |
® |
® |
|
× |
乘號 |
× |
× |
|
÷ |
除號 |
÷ |
關於HTML頭部的資訊,在以後再討論,就目前的階段使用不到
HTML指令碼:可以再HTML中新增一些指令碼語言實現動態頁面,<script type=”text/語言名稱”></script>