1、html標簽分為兩種:
一種為成對標簽,也就是說標簽有開始有結束有內容,如:<p>文字</p>段落標簽
一種為獨立標簽,只有標簽,沒有內容,<img src="圖片地址">圖片標簽
2、常用的html標簽(標簽字母不區分大小寫)
<html>? ? 定義為html超文本文檔;
<head>? ? 頭信息標簽(定義文檔頭信息)
<body>體標簽(定義文檔體標簽信息)
<title>標題(定義文檔標題標簽)
<img>html圖像標簽<img src="圖片地址">
<a>html超鏈接標簽(<a href="超鏈地址">超鏈文字</a>)
<div>html層的樣式標簽
<table>定義html表格標簽
<tr>定義html表格行
<td>定義html表格列
<form>html表單標簽
<input>定義表單輸入域,輸入型標簽
<hr/>html分割線標簽
3、html標簽屬性
1、html屬性一般都出現在html標簽中,是html標簽的一部分
基本語法為下:
<標簽名 屬性名1="屬性值1"屬性名2="屬性值2">
2、標簽可以有屬性,包含額外信息,屬性值一定要用雙引號,標簽可以擁有多個屬性,屬性由屬性名和值成對出現。
<a >百度首頁</a> ? ? ? ? ? ? => 定義百度首頁超鏈
<img src="http://www.baidu.com/baidu.png" width="80"height="40"/>? ? ? ? =>插入一張圖片并設置寬高
3、在設置顏色屬性時,有倆種設置方法,第一種為直接將顏色的英文寫入屬性值,另一種是寫入十六進制顏色值
4、html注釋寫法 ?=> ? <!-- 注釋內容 -->
5、html字符實體
意為一些代碼所代表的字符,用數值碼和引用實體兩種方式表示:
"? ? ? ? ? =>? “
< ? ? ? ? ?=> ? ?<
> ? ? ? ? ?=> ? ?>
& ? ? ? => ? ? &
? ? ? ?=> ? 空格
©? ? ? ? =>? ? ? ?
6、HTML主題結構
<head>元素包含的常用標簽:
1、title 標簽代表html的標題
2、base 標簽將相對url轉換為完整的絕對url
3、meta 標簽用于定義文件信息的名稱,內容等信息
4、link 標簽在文檔中聲明使用的外接資源時使用此標簽
5、style 標簽在文檔中聲明使用樣式時使用此標簽
6、script 標簽在文檔中使用JavaScript腳本
<body>體中可以放任何正確的,可以使用的標簽
7、HTML文檔主體標記
body標簽的常用屬性
text設定頁面文字的顏色
bgcolor設定頁面的背景顏色
background設定頁面背景圖片
bgroperties設定背景圖像為固定
link設定頁面默認的鏈接顏色
alink設定鼠標正在點擊時的顏色
vlink設定訪問后的鏈接顏色
topmargin設定頁面的上邊距
leftmargin設定頁面的左邊距
8、HTML的格式標簽
<br>換行標簽
<p>段落標簽,里面可以加入文字列表表格
<center>居中對齊標簽
<pre>按原文顯示標簽
<li>代表html列表項目,每一個列表項使用一對
<ul>代表html無序列表,里面每一列表項使用<li>標簽定義
<ol>代表html有序標簽,里面每一列表項使用<li>標簽定義
<hr>水平分割線
9、HTML的文本標簽
<h>標題字體標簽,h1-h6有效
<b>粗體字體標簽
<u>下劃線字體標簽
<i>斜體字體標簽
<sub>文本下標字體標簽
<sup>文本上標字體標簽,類似次方的效果
<font>字體標簽
<tt>打字機文字
<cite>用于引證、舉例、通常為斜體
<em>表示強調,通常為斜體
<strong>表示強調,通常為粗體
<small>小型字體標簽
<big>大型字體標簽
10、HTML建立錨點和超鏈接
a標簽 ---- ?代表HTML鏈接
常用屬性:
href代表url資源鏈接
target用來指出在哪個窗口打開此鏈接(默認為_self;在當前窗口打開)
·target="_blank"在新窗口打開
·target="_parent"將此鏈接的內容,當成文件的另一個畫面
·target="_top"這個參數可以解決新內容被舊框包圍的困擾,使用這個參數,會將整個畫面重新顯示成畫面內容
title代表鏈接的附加信息
鏈接語法:
<a target="_blank" title="百度首頁">百度首頁</a>
錨點:
通常在當前文件中定位一個地方去跳轉,而不是去跳轉別的網頁
錨點也支持在另一個文件中定位當前文件的錨點位置
定義定點錨點:
<a name="錨點名" >位置1</a>
跳轉到定點錨點:
<a href=#錨點名>名稱1</a>
定義跳轉到頂部:
<a herf=#>跳轉到頂部</a>
11、HTML表格標簽
<table>表格標簽
<th>代表列名,根據多少列來定
<tr>行
<td>列
table標簽屬性:
align定義位置
border邊框屬性(值為0表示沒有,值為多少即為表示有多少像素的邊框)
bordercolor 邊框顏色屬性
caption表頭用于定義表格名稱的位置,此標簽要寫在table標簽中<tr>標簽外
12、HTML表格標簽常用屬性
table標簽屬性:
width代表表格寬度
height代表表格高度
border代表表格邊框
cellspacing代表表格邊框與表格內容填充距離
cellpadding代表內容填充的寬度
th和td標簽屬性:
width和height代表寬度與高度
colspan代表一行跨多列
rowspan代表一列跨多行
align代表水平對齊方式
valign代表垂直對齊方式
tr標簽屬性:
align代表水平對齊方式
valign代表垂直對齊方式
13、HTML表單應用
表單元素中的控件:
1、單行文本輸入框(text)
2、密碼輸入框(password)
3、單選按鈕(radio)
4、下拉列表(select)
5、復選框(checkbox)
6、重置按鈕(reset)
7、多行文本框(textarea)
8、提交按鈕(submit)
標簽:
<form>代表html表單標簽
常用屬性:
action瀏覽器輸入的數據被傳輸到另一個地方,如一個PHP頁面
method數據傳輸方式(一般有兩種:GET和POST,并且可以混合使用)
enctype將數據發送給服務器的編碼類型
·application/x-www-form-urlencoded ? 標準編碼格式
·multipart/form-data窗體數據被編碼成為一條消息,頁上的每一個控件對應消息的一個部分(文件上傳時用)
·text/plain以純文本格式編碼,其中不含任何控件和字符
14、HTML input標簽
input代表html單行輸入域,為單獨標簽
常用屬性為:
·type代表一個輸入域的顯示方式(分為輸入型,選擇型,選擇型)
·text文字輸入域
·passwor密碼輸入,會以掩碼形式展示
·file輸入型,文件路徑
·checkbox復選框
·radio單選框
·hidden代表影藏域
·button按鈕點擊型
·image使用圖片來顯示按鈕
·submit提交按鈕
·reset重置按鈕
·name此表單項名稱
·value輸入域的值
·size輸入域的長度
·maxlength最多可輸入的長度
·checked如果是選擇型的輸入域,則代表已選擇
·readonly輸入域可以選擇,但是無法修改
·disabled輸入域不可獲得焦點,不可選擇,在表單中不起任何作用
·accesskey表單的快捷鍵訪問方式,
·tabindex輸入域的tab鍵便利順序
·src當使用圖片來表示按鈕,代表圖片位置
·alt用來替換提交按鈕的圖片
·textarea多行輸入域
·cols行數
·rows列數
·name表單項的名稱
·accesskey表單快捷訪問方式
·disable不可操作
·readonly只讀
·tabindextab鍵