Html學習之路(一)
阿新 • • 發佈:2018-11-08
基礎標籤
<!DOCTYPE> 定義文件型別。 <html>定義一個 HTML 文件 <title>為文件定義一個標題 <body>定義文件的主體 <h1> to <h6>定義 HTML 標題 <p> 定義一個段落 <hr>定義水平線。 <br>斷行,另起一行排列文字 body:在網頁上要展示出來的頁面內容一定要放在body標籤中。 p:如果想在網頁上顯示文章,這時就需要p標籤了,把文章的段落放到p標籤中。標籤的預設樣式,段前段後都會有空白,如果不喜歡這個空白,可以用css樣式來刪除或改變它。 <form>定義一個 HTML 表單,用於使用者輸入。 <input>定義一個輸入控制元件 <textarea> 定義多行的文字輸入控制元件。 <button> 定義按鈕。 <select>定義選擇列表(下拉列表)。 <option>定義選擇列表中的選項。 <label>定義 input 元素的標註。 <fieldset>定義圍繞表單中元素的邊框。 <datalist>規定了 input 元素可能的選項列表。 <keygen>規定用於表單的金鑰對生成器欄位。 <output> 定義一個計算的結果 form(表單)標籤的使用應該是整個HTML中最重要的標籤之一,並且包含的內容及其豐富。用於收集使用者的資料,並將其提交給動態頁面,與後臺程式之間進行互動。
button:雙標籤元素,在其中可以加CSS實現樣式的控制,單純的使用button是沒用的,但是結合js可以大有作為,具體的功能:在表單外呼叫一個js函式使用。
1.input type=“buttoon”,使用input單標籤元素,99%的情況是用在form中的,這是基本的一個語義邏輯,在表單內低矮用js函式使用。
2.input type=“submit” 在表單內提交表單。檢查不合理,一般不會使用,因為他不管你的輸入是否正確它都會提交,並沒有任何實際的功能,不好,不合理,這種情況不需要使用name屬性,其他的都建議使用name,value兩種功能:對於輸入框代表的是提示語句;對於按鈕是按鈕上面顯示的文字。
<style>定義文件的樣式資訊。 <div>定義文件中的節。 <header> 定義一個文件頭部部分 <footer> 定義一個文件底部 <section>定義了文件的某個區域 <article> 定義一個文章內容 <aside> 定義其所處內容之外的內容。 <details> 定義了使用者可見的或者隱藏的需求的補充細節。 <dialog>定義一個對話方塊或者視窗 <summary>定義一個可見的標題。 當用戶點選標題時會顯示出詳細資訊。 div :division(分組)的縮寫,在頁面佈局中經常會用到,block元素,跟p不一樣,p元素上下是有間距的,最簡單的區塊元素,只是用來將指定的內容放在一個區塊中。 iframe:在當前頁面中嵌入另外一個頁面。必須要有src屬性,src屬性指明將要嵌入頁面的url。該標籤已經廢棄,有的瀏覽器是不支援的。該元素時一個典型的內聯(inline元素)。 strong:標籤是為了強調一段話中的關鍵字時使用,strong 用粗體表示。 table:用於定義 HTML 表格。 簡單的 HTML 表格由 table 元素以及一個或多個 tr、th或 td 元素組成。 tr 元素定義表格行,th 元素定義表頭,td 元素定義表格單元。 更復雜的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。