1,html 是超文本標記語言,使用標籤來在網頁中顯示內容的,由於除了文本之外還可以顯示視頻、音頻、圖片等,所以稱爲超文本
2,html的標籤,又開始有結束,但是當標籤中沒有內容的話,可以<br/>快捷方式
3,html標籤是由 屬性和值來組成的
1,標題標籤:
H1----h6,,以後做搜索引擎優化的時候需要
搜索引擎:百度、google、搜搜、搜狗
H1 權重最高、h6最低,建議使用一個h1標籤
2,HTML元素,指的是標籤之間的內容
例如 body元素:
<h1>這是h1標籤</h1>
<h2>這是h2標籤</h2>
<h3>這是h3標籤</h3>
<h4>這是h4標籤</h4>
<h5>這是h5標籤</h5>
<h6>這是h6標籤</h6>
<p>這就是一個段落paragraph縮寫</p>
P元素:
這就是一個段落paragraph縮寫
注意:
html所有的標籤,都會有title、class、name、id、style屬性
和段落相關的標籤
P
<br/>
Strong標籤和 b標籤:
Strong 加強語氣的,所以對搜索引擎來說更重要
3,Style屬性
將所有的樣式包含,不同的樣式之間使用 ; 隔開
Style屬性 淘汰了,bgcolor align font
新增了 background-color text-align font-family font-size屬性 等來代替舊的
4,a標籤
Href屬性 指向目標連接
Target屬性 _blank 彈出一個新的窗口 _self (替換當前窗口) _parent 在父窗口基礎上打開(火狐的話)
Name屬性
使用命名錨(named anchors)時,我們可以創建直接跳至頁面中某個節的鏈 接,這樣使用者就無需不停的滾動頁面來尋找他們需要的信息。
<a name="tips">Useful Tips Section</a>
<a href="#tips">Visit the Useful Tips Section</a>
5,Table表格:
1、表格邊框:border屬性
2、表格中的表頭:<th>
3、帶有標題的表格:<caption></caption>
4、跨行、跨列的單元格 colspan rowspan
5、單元格邊距:cellpadding
6、單元格間距:cellspacing
單元格邊距:cellpadding 單元格內容和邊框之間的距離
單元格間距:cellspacing 單元格與單元格之間的距離
6,有序列表、無序列表
<ol> ordered line
無序列表
<ul> unordered
<Li>
1、有序列表
有序列表類型:A、a、I、i
2、無序列表
無序列表類型通過type屬性:circle、disc、square
7,表單的重要性:
瀏覽器 和 php(服務器)進行交互,可以通過地址欄傳遞參數,也可以通過表單提交數據
但是,在地址欄傳遞數據 安全性低,所以通常使用 表單來提交 post方式
表單由 form標籤,有哪些屬性呢?
Name屬性,用來找到某個表單的
Action 屬性,表單提交的地址
Method屬性,表弟那提交的方式,get post
Enctype屬性,如果需要上傳圖片,enctype屬性的值,必須是 multipart/form-data
文本域:
Text
Value屬性,控制默認值
Size 屬性,控制表單顯示多少個字符
Maxlength屬性,限制表單最多輸入幾個字符
Readonly屬性,控制表單的內容爲只讀的
密碼
Name屬性 和 id屬性通常都是用來定位到某個表單的
單選框:
注意:
單選框,必須分組,
上傳文件
Type=file
必須保證表單的編碼是 ectype=”multipart/form-data”
下拉列表是通過 select標籤實現的
每一個列表項是 option
Option有 value 屬性,當表單提交過去之後能夠根據value屬性獲得他的值
多行文本域
Textarea用於提交多行的文本
重置 按鈕
將表單恢復到默認的狀態
隱藏域:
Type=hidden
在瀏覽器端,是看不到的,爲了數據更安全,偷偷的提交過去的
提交注意:
1,提交的地址必須是帶有 http:// 協議的 http://localhost/PHP/form.php
2,提交的方式 如果是 get方式提交,接受的時候需要 $_GET[];
如果使用post方式提交,接收的方式也是 $_POST[]
3,每一個表單項,是通過name 來獲得他的值
例如,獲得密碼,$_POST[‘PASS’]; $_POST[‘username’];