A. 網路編程(一)之HTML
這段時間學習了網頁的基礎知識,考慮到知識點內容比較多,為了方便記憶,我還是記下來,方便日後總結。
這里我學習的方式通過黑馬pink老師的教學視頻學習。
Web 標準是由 W3C 組織和其他標准化組織制定的 一系列標準的集合 。W3C(萬維網聯盟)是國際最著名的標准化組織。
Web標準的構成
主要包括 結構(Structure) , 表現(Presentation) , 行為(Behavior) 三個方面。
結構 : 結構用於對網頁元素進行整理和分類,現階段主要學的是HTML。
表現 : 表現用於設置網頁元素的版式,顏色、大小等外觀樣式,主要指的CSS
行為 :行為是指網頁模式的定義及交互的編寫,現階段主要學的是JavaScript
HTML分為雙標簽( <html> 和 </html> ),以及單標簽( <br/> ), 這種情況出現的概率不大。
這里主要分三個部分:
為了使網頁更具有語義化,我們經常會在頁面中用到標題標簽。HTML 提供了 6 個等級的網頁標題, 即 <h1> - <h6> , 數字越小字體越粗越大。
在網頁中,要把文字有條理地顯示出來,就需要將這些文字分段顯示。在 HTML 標簽中, <p> 標簽用於 定義段落 ,它可以將整個網頁分為若干個段落。
特點:
在 HTML 中,一個段落中的文字會從左到右依次排列,直到瀏覽器窗口的右端,然後才自動換行。如果希望 某段文本強制換行顯示,就需要使用換行標簽 <br /> 。
特點:
<div> 標簽用來布局,一行只能放一個 <div> ,大盒子
<span> 標簽用來布局, 一行可以放多個 <span> ,小盒子
當我們點擊某個連接可以快速定位頁面中的某個位置
列表標簽主要分為三個類別分別是: 無序標簽 , 有序標簽 和 自定義標簽 。
表單主要為了 收集用戶信息 , 在 HTML 中,一個完整的表單通常由 表單域 、 表單控制項(也稱為表單元素) 和 提示信息 3個部分構成。
(1) 表單域
表單域 是一個 包含表單元素的區域 , 在HTML標簽中, <form> 標簽用於定義表單域,以實現用戶信息收集和傳遞。
action 用於制定url地址
method 用於設置表單數據提交方式,是 get 還是 post
name 用於制定表單的名稱,以區分同一個頁面的多個表單域
(2)表單控制項
表單控制項分為三個 input , label , select , textarea
【1】 input (這里注意為單標簽)
<input type="屬性值" />
這里的type有一下屬性:
button 定義可點擊按鈕, 多數情況可通過JavaScript啟動腳本
checkbox 定義復選框
file 定義輸入欄位和瀏覽按鈕,供文件上傳, 可以有界面的選擇文件
hidden 定義隱藏的輸入欄位
image 定義圖像形式的提交按鈕
password 定義密碼欄位, 該欄位中的字元被掩碼
radio 定義單選按鈕
reset 定義重置按鈕, 重置按鈕會清除表單中的所有數據
submit 定義提交按鈕,提交按鈕會把表單數據發送給伺服器
text 定義單行的輸入欄位,用戶可在其中輸入文本,默認寬度為20個字元
這里除了 input 外還有其他標簽,如下所示:
name 定義input元素的名稱, 對於單選/復選框必須有相同的名字才能支持單選功能
value 規定input元素的值, 可以給value一個默認的值
checked 規定此input元素首次載入時應當被選中
maxmargin 規定在輸入欄位的字元最大長度
【2】label標簽
<label> 標簽用於綁定一個表單元素, 當點擊 <label> 標簽內的文本時,瀏覽器就會自動將焦點(游標)轉到或者
選擇對應的表單元素上,用來增加用戶體驗, 如下我滑鼠點擊 男 , 相當於 sex 這個單選按鈕
【3】select標簽
在頁面中,如果有多個選項讓用戶選擇,並且想要節約頁面空間時,我們可以使用 <select> 標簽控制項定義下拉列表( <option> 中定義 selected =「 selected " 時,當前項即為默認選中項。 )
【4】textarea標簽
在表單元素中, <textarea> 標簽是用於定義多行文本輸入的控制項。 使用多行文本輸入控制項,可以輸入更多的文字,該控制項常見於留言板,評論。( rows 表示行數, cols 表示列數)
頁是圖片、鏈接、文字、聲音、視頻等元素組成, 其實就是一個html文件(後綴名為html) 網頁生成製作: 有前端人員書寫 HTML 文件, 然後瀏覽器打開,就能看到了網頁.
HTML: 超文本標記語言, 用來製作網頁的一門語言. 有標簽組成的. 比如 圖片標簽 鏈接標簽 視頻標簽等...