1.HTML是什麼?
*Hyper Text Markup Language 超文本標記語言
*Hyper Text:超鏈接.把不同空間的資源,整合在一起,形成邏輯上的網狀結構.
*Markup Language 標籤語言.該語言是由標籤構成.
*HTML文檔=網頁
*瀏覽器解析HTML
2.如何創建一個HTML文檔 .
*後綴名:.html .htm 都可以;
*由作爲文檔的根元素,文檔包含兩部分.頭部分和體部分
*body中的信息在瀏覽器正文中顯示
*head中的信息不會在正文中顯示.
3.關於標籤的問題
*一對尖括號包裹的一個單詞,html標籤不能以數字開頭(對所有標籤語言都適用).
*標籤一般要成對出現,分別叫做開始標籤和結束標籤.(建議大家做到).XHTML.
*自閉合標籤.
*html不區分標籤大小寫. 和 是一個標籤,建議大家使用小寫.
4.關於標籤的屬性?
*屬性書寫的位置.應該寫在開始標籤中,不要寫在結束標籤中
*屬性一般情況下都是以鍵值對的形式出現的.
*屬性的值必須使用雙引號或者單引號包裹.可以嵌套.
html語言 是不識別文本中的換行符和空格的.
基本標籤:
換行符和n個空格對html而言,會被識別成空白符.
<br>:換行標籤.
<font>:文字標籤
size 1~7 從小到大
color 顏色 1單詞2#FF0000 3rgb(255,0,0)
face 字體
<hn>:換行標籤 .自帶變大,變小功能和換行功能.取值1~6
轉義字符:
空格
<,> 分別對應小於號大於號.
<p>:段落標籤,上下空行
<hr>:水平線標籤
還有一些不常用的 <b> <u> <i> <sub> <sup>
圖像標籤
img標籤:圖像標籤,用來在網頁上表達圖形.
src : 圖片的位置
alt : 圖片的描述
usemap:使用圖片的熱點
map標籤:定義熱點(地圖)
area標籤:定義熱點的信息
shape:形狀 圓形 矩形 多邊形
coords : 位置信息
href: 點擊之後 做什麼
分類列表
dl: 定義一個列表
dt: 定義列表的一個標題
dd: 定義列表的每一項
ol: order list 定義有序列表
type: 決定序號類型 A a I i 1
start: 從幾開始計數
li: list item 列表每一項
ul:unorder list 定義無序列表
type:disc (原點)
square
circle
a超鏈接標籤
href:
如果要鏈接到站外需要打 http://
如果要鏈接到站內不需要打協議名
發送郵件使用 mailto:
迅雷協議:thunder:F1213ABC
target:目標
1._blank :在新的頁面打開我們的鏈接
baidu搜索結果: 都是在新的頁面打開
google搜索結果:都是在原有頁面打開
2._parent :在原有頁面打開鏈接
_self
_top
3.framename :
a標籤 錨點的應用
兩部分
1.定義錨點位置 <a name="_xxx"> </a>
2.連接到錨點位置 <a href="#_xxx"> </a>
table:表格
border:表格的邊框
cellpadding:表格的內邊距
cellspacing:表格的外邊距
width:指定表格的寬度
像素的方式和百分比的方式
height :表格的高度
tr: table row 行
td: table data cell 單元格
th: table head 表頭
rowspan:規定單元格佔多少行
colspan:規定單元格佔多少列
框架標籤:
frameset : 定義框架集合
rows: 將頁面按行分
cols: 將頁面按列分
frame:
src: 指定框架頁面顯示的內容在哪
noresize:不能改變框架的大小
scrolling:是否顯示滾動條
frameborder:框架的邊框寬度
框架是可以嵌套來實現一些效果的.
head中標籤:
<!-- 決定該頁面的內容類型和 字符編碼 -->
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<!-- refresh刷新頁面 3秒後刷新頁面 -->
<meta http-equiv="refresh" content="3;url=http://www.baidu.com" />
1.元信息
meta
2.引入類
css
3.代碼類
css
js
form標籤:
action:將表單提交到哪裏
method: get/post 表單默認提交方式get方式.
get:將提交的鍵值對顯示在url上. 1.不安全 2.url長度有限制
post: 鍵值對沒有顯示在url上. 1.安全一些 2.理論上沒有限制.
input 標籤
type:
*text 文本框
*password 密碼框
*radio 單選框
*submit 提交按鈕
*reset 重置表單所有內容
*checkbox 多選框
*file 上傳文件
*hidden 隱藏字段,用戶看不到,但是提交是有效果的.
name:我們表單項以什麼作爲key提交
value:我們表單項以什麼作爲值提交
checked:如果type是單選或者多選,那麼加上這個屬性表示默認被選中
readonly:使選項變成只讀的.不能更改但是可以提交.
disabled:使某個選項失效,不能更改.並且不能提交.
select 標籤: 下拉菜單
size屬性:決定下拉選項的顯示個數
multiple屬性:可以多選.
option標籤: 下啦菜單中的每一項
selected:默認被選中
textarea標籤:用來裝大文本.
name:屬性,提交的key
如果想預定義一些內容在裏面.那麼,直接寫到標籤體中.
注意:form要把所有需要提交的內容包裹起來即可;
其它標籤:
pre:將內容原樣輸出.值得是格式上的
fieldset:修飾內容的.通常修飾form
Direction(方向) 屬性:left ,right, down, up
Behavior(行爲) 屬性:scroll, alternate ,slide