原创 什麼是選擇器?

每一條css樣式聲明(定義)由兩部分組成,形式如下: 選擇器{ 樣式; } 在{}之前的部分就是“選擇器”,“選擇器”指明瞭{}中的“樣式”的作用對象,也就是“樣式”作用於網頁中的哪些元素。比如右側代碼編輯器中第7行代碼中的“

原创 CSS註釋代碼

就像在Html的註釋一樣,在CSS中也有註釋語句:用/*註釋語句*/來標明(Html中使用<!--註釋語句-->)。就像下面代碼: 點贊 收藏 分享 文章舉報 g41173

原创 使用下拉列表框,節省空間

下拉列表在網頁中也常會用到,它可以有效的節省網頁空間。既可以單選、又可以多選。如下代碼: 講解: 1、value: 2、selected="selected": 設置selected="selected"屬性,則該選項

原创 使用表單標籤,與用戶交互

 使用表單標籤,與用戶交互 網站怎樣與用戶進行交互?答案是使用HTML表單(form)。表單是可以把瀏覽者輸入的數據傳送到服務器端,這樣服務器端程序就可以處理表單傳過來的數據。 語法: <form method="傳送方式

原创 使用單選框、複選框,讓用戶選擇

在使用表單設計調查表時,爲了減少用戶的操作,使用選擇框是一個好主意,html中有兩種選擇框,即單選框和複選框,兩者的區別是單選框中的選項用戶只能選擇一項,而複選框中用戶可以任意選擇多項,甚至全選。請看下面的例子: 語法: <input

原创 認識標籤,爲網頁插入圖片

 在網頁的製作中爲使網頁炫麗美觀,肯定是缺少不了圖片,可以使用<img>標籤來插入圖片。 語法: <img src="圖片地址" alt="下載失敗時的替換文本" title = "提示文本"> 舉例: <img src = "m

原创 form表單中的label標籤

小夥伴們,你們在前面學習表單各種控件的時候,有沒有發現一個標籤--label,這一小節就來揭曉它的作用。 label標籤不會向用戶呈現任何特殊效果,它的作用是爲鼠標用戶改進了可用性。如果你在 label 標籤內點擊文本,就會觸發此控件

原创 method="get/post",兩種方式的區別

 Form中的get和post方法,在數據傳輸過程中分別對應了GET和POST方法。 二者主要區別如下: 1、Get將表單中數據的按照variable=value的形式,添加到action所指向的URL後面,並且兩者使用“?”連接,而

原创 mailto在網頁中鏈接Email地址

 <a>標籤還有一個作用是可以鏈接Email地址,使用mailto能讓訪問者便捷向網站管理者發送電子郵件。我們還可以利用mailto做許多其它事情。下面一一進行講解,請看詳細圖示: 注意:如果mailto後面同時有多個參數的話,第一

原创 文本輸入框、密碼輸入框

 文本輸入框、密碼輸入框 當用戶要在表單中鍵入字母、數字等內容時,就會用到文本輸入框。文本框也可以轉化爲密碼輸入框。 語法: <form> <input type="text/password" name="名稱" va

原创 CSS樣式的優勢

爲什麼使用css樣式來設置網頁的外觀樣式呢?右邊編輯器是一段文字,我們想把“超酷的互聯網”、“服務及時貼心”、“有趣易學”這三個短語的文本顏色設置爲紅色,這時就 可以通過設置樣式來設置,而且只需要編寫一條css樣式語句。 第一步:把

原创 使用提交按鈕,提交數據

在表單中有兩種按鈕可以使用,分別爲:提交按鈕、重置。這一小節講解提交按鈕:當用戶需要提交表單信息到服務器時,需要用到提交按鈕。 語法: <input type="submit" value="提交"> type:只有當typ

原创 嵌入式css樣式,寫在當前的文件中

現在有一任務,把右側編輯器中的“超酷的互聯網”、“服務及時貼心”、“有趣易學”這三個短詞文字字號修改爲18px。如果用上節課我們學習的內聯式css樣式的方法進行設置將是一件很頭疼的事情(爲每一個<span>標籤加入sytle="font

原创 使用標籤,鏈接到另一個頁面

 使用<a>標籤可實現超鏈接,它在網頁製作中可以說是無處不在,只要有鏈接的地方,就會有這個標籤。 語法: <a href="目標網址" title="鼠標滑過顯示的文本">鏈接顯示的文本</a> 例如: <a href="htt

原创 多行輸入文本域

 當用戶需要在表單中輸入大段文字時,需要用到文本輸入域。 語法: <textarea rows="行數" cols="列數">文本</textarea> 1、<textarea>標籤是成對出現的,以<textarea>開始,以</t