1、縮寫和首字母縮寫<abbr><acronym>

<abbr title="etcetera">etc.</abbr>

<acronym title="World Wide Web">WWW</acronym>

2、塊引用（短）

<p>A:
<q>B</q>
C</p>

顯示結果：A: “B”C

3、計算機輸出標簽

<code>定義計算機代碼

<kbd>定義鍵盤碼

<samp>定義計算機代碼樣本

<var>定義代碼樣本

<pre>定義預定義格式文本

4、鏈接-target屬性

語法：<a herf = “url”>Link text</a>

使用target屬性可以定義被鏈接的文檔在何處顯示

<a herf = “url”traget=”_blank”>Link text</a>

如果頁面被固定在框架之內則使用這個屬性：target="_top"

5、字體，字體顏色，大小

font-family（字體），color（顏色），和font-size（字體大小）

6、文本對齊方式

text-align

7、圖像

圖像標簽<img>和源屬性<src>

圖像-alt屬性：alt為圖像定義一串預備的可替換的文本

8、表格

標簽

<table>:定義表格

<th>:定義表格的表頭

<tr>:定義行

<td>:定義表格單元

<caption>:定義表格的標題

<colgroup>：定義表格列的組

<col>：定義表格列的屬性

<thead>:定義表格的頁眉

<tbody>：定義表格主體

<tfoot>:頁腳

一些屬性

border：邊框寬度

colspan=”n”:跨列

rowspan=”n”跨行

cellpadding:表格內容到邊框的空白的距離

cellspacing:單元格之間的間距

---

9、列表

列表標簽

<ol>:定義有序列表

<ul>:定義無序列表

<li>:定義列表項

<dl>:自定義列表

<dd>:自定義列表的描述

<h4>A Definition List:</h4>
<dl>
? <dt>Coffee</dt>
? <dd>- black hot drink</dd>
? <dt>Milk</dt>
? <dd>- white cold drink</dd>
</dl>

結果

A Definition List:

Coffee

- black hot drink

Milk

- white cold drink

---

10、區塊

<div>元素：對一個區域內的所有元素設置統一的屬性，比如顏色，字體等

<span>:用于對文檔中的行內元素進行組合,該標簽提供了一種將文本的一部分或者文檔的一部分獨立出來的方式。

---

11、網頁布局

使用<div>或表格進行布局

ex：布局實例

12、表單和輸入

表單標簽<form>

輸入標簽<input>

文本域：文本域通過<input type="text"> 標簽來設定

<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>

密碼字段：密碼字段通過標簽<input type="password"> 來定義

<form>
Password: <input type="password" name="pwd">
</form>

單選按鈕：<input type="radio">

<form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>

復選框：<input type="checkbox">

<form>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car
</form>

提交按鈕:<input type="submit">

表單標簽

<form>:定義供用戶輸入的表單

<input>：定義輸入域

<label>：定義<input>元素的標簽，一般為輸入標題

<filedset>：定義一組相關的表單元素，并使用外框包含起來

<legend>：定義<filedset>元素的標題

<select>：定義下拉列表選項

<optgroup>：定義選項組

<option>：定義下拉列表中的選項

<button>:定義點擊按鈕

?

?

?

轉載于:https://www.cnblogs.com/wrs9527/p/4914630.html

總結

以上是生活随笔為你收集整理的HTML学习(1)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。