一、行標籤和
塊標籤和行內塊標籤
常見 行標籤:a、span
可以多個標籤存在一行,不能直接設定行內標籤的高度、寬度
常見 塊標籤:p、div、h1~h6、form
獨佔一行,可以設定行內標籤的高度、寬度
常見 行內塊標籤:img,input,textarea
不僅可以對寬高屬性值生效,還可以多個標籤存在一行顯示
各種標籤之間的轉換:
塊級標籤轉換為行內標籤:display:inline;
行內標籤轉換為塊級標籤:display:block;
轉換為行內塊標籤:display:inline-block;
二、常見標籤使用方法
注釋標籤
這是注釋
-->
轉義標籤
(&開始;結束
) <
小於》大於
空格&&
標籤常用屬性
: src:
的路徑 alt:
載入不出顯示的文字
title:
指向顯示的文字
width:
寬 height:高
大小的寫法:
畫素:123px
百分比:20%
路徑的寫法:
相對路徑
: ./
或者什麼都不寫
當前目錄
../上一級目錄
絕對路徑
: 常用
帶協議的絕對路徑
:超連結標籤
常用屬性
: href:
跳轉路徑
(「」
會重新整理一下重新開啟當前頁面
."#"
瀏覽器位址列後面多加個
#,不會重新整理頁面
) target:
在**開啟。
預設值:_self,
常用值:_blank(
在空白頁面開啟即新頁面開啟
)
**標籤
常用的子標籤
:行(table row)
常用子標籤
:
:單元格(列
) (table data)
:表頭單元格
預設居中加粗
(table head)
table
的常用屬性
: border:
規定**邊框
的寬度px
width:
規定**
的寬度px %
cellpadding
: 規定
單元邊沿與其內容之間
的空白px %
cellspacing:
規定單元格之間
的空白 px %
tr的常用屬性
: align:
對齊方式
td的常用屬性
: align:
對齊方式
colspan:
跨列合併值:
合併的列數
rowspan:
跨行合併值
:合併的行數
表單標籤作用:
用來從瀏覽器端收集使用者的資訊
.
常用屬性
: action:
資訊提交的路徑
預設是當前頁面
method:
表單提交的方式
,只需要掌握兩種
:get(預設)
和post
get和
post
的區別:
1.get
請求會把所有的引數追加在位址列上
,post
請求不會
2.get
請求引數大小有限制
,post
請求引數大小沒有限制
3.post相對
安全些
4.get相對快些
常見的子標籤
input
select:
下拉選textarea:
文字域
input:
常用的屬性
: type:
text:
文字框預設
password:
密碼框 radio:
單選框 checkbox:
多選框 file:
檔案框submit:
提交 reset:
重置 button:
普通按鈕
hidden:
隱藏域在頁面上顯示
提交的時候可以提交過去
image:
提交替代
submit
name:
可以將幾個單選框
(核取方塊
)設定為一組
要想將資訊儲存到伺服器上必須有
name
屬性 readonly:
readonly="readonly"
唯讀 disabled:
disabled="disabled"
禁用
select :
下拉選 格式:
北京
textarea:
文字域
常用的屬性
: cols:
列 rows:
行
提交到伺服器的內容的格式
: name=value
對於文字框
密碼框文字域
手寫的內容傳遞過去了
對於單選框和多選框來說
,卻沒有把值傳遞過去
,要想把值傳遞過去
必須設定
value
屬性
若下拉選要想把選中內容的值傳遞過去
,**上
value
屬性
預設值:
文字框密碼框
:只需要新增
value
屬性
單選框多選框:新增
checked="checked"
下拉選:
新增selected="selected"
HTML鞏固筆記
學習的的主要內容有 html的概論 了解html的發展史 基礎語法 常用標籤 段落 html hypertext markup language 即超文字標記語言 html的特點 a html不需要編譯,直接瀏覽器執行。b html檔案是乙個文字檔案 c html檔案必須以html和htm檔名字尾 ...
PHP 基礎 基礎鞏固
在做專案的時候,有時候寫乙個功能要去試兩三遍,自己也發現了,有些東西都是模模糊糊知道,原因都是基礎知識掌握的不夠紮實,趁平時有時間,把php的基礎知識又總結了一遍,相信以後寫專案少去不少麻煩.變數 變數的命名規範 變數名必須以 符號開頭,可以由下劃線或字母,漢字開頭,不能以數字或特殊符號開始命名 n...
1 基礎鞏固
基礎變數型別 變數型別識別符號 變數型別 變數型別說明 32位 64位 作業系統 bbool 布林型別 1位元組 1位元組 sshort 短整型 2位元組 2位元組 usunsigned short 無符號短整型 2位元組 2位元組 wword 無符號短整型 2位元組 2位元組 iint 整型 4位...