1. 程式人生 > >Html學習之路(一)

Html學習之路(一)

基礎標籤

<!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 元素。