• <h1>一般用于網站標題。
• 加入強調語氣，使用<strong>和<em>標簽。<em> 表示強調，<strong> 表示更強烈的強調。并且在瀏覽器中<em> 默認用斜體表示，<strong> 用粗體表示。兩個標簽相比，目前國內前端程序員更喜歡使用<strong>表示強調。
• <q>標簽，短文本引用。 注意要引用的文本不用加雙引號，瀏覽器會對q標簽自動添加雙引號。
• <blockquote>標簽，長文本引用。顯示效果會自動縮進【注意：是左右兩邊都會自動縮進】。
• 在信息展示時，有時會需要加一些用于分隔的橫線<hr/>，這樣會使文章看起來整齊些。
• <address>標簽，為網頁加入地址信息。也可以定義一個地址（比如電子郵件地址）、簽名或者文檔的作者身份。 在瀏覽器上顯示的樣式為斜體。但這種方式也有一個弊端：會將address標簽包圍的部分換行。
• 在介紹語言技術的網站中，避免不了在網頁中顯示一些計算機專業的編程代碼，當代碼為一行代碼時，可以使用<code>標簽。語法：<code>代碼語言</code>。
• 如果是多行代碼，可以使用<pre>標簽：<pre>語言代碼段</pre>。<pre> 標簽的主要作用:預格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。

• <caption>標題文本</caption>。用以描述表格內容，標題的顯示位置：表格上方。
• <a>標簽還有一個作用是可以鏈接Email地址，使用mailto能讓訪問者便捷向網站管理者發送電子郵件。<a href="mailto:yy@imooc.com?subject=主題名稱&body=郵件內容">注意：如果mailto后面同時有多個參數的話，第一個參數必須以“?”開頭，后面的參數每一個都以“&”分隔。

?

• <img src="圖片地址" alt="下載失敗時，顯示文本內容" title="鼠標滑過顯示文本" />圖片格式可以是GIF JPEG PNG格式的文件。
• 網站怎樣與用戶進行交互？答案是使用HTML表單(form)。表單是可以把瀏覽者輸入的數據傳送到服務器端，這樣服務器端程序就可以處理表單傳過來的數據。語法：<form?? method="傳送方式"?? action="服務器文件">。注意：所有表單控件（文本框、文本域、按鈕、單選框、復選框等）都必須放在<form></form>標簽之間（否則用戶輸入的信息可提交不到服務器上哦！）。
• 文本域，支持多行文本輸入。語法：<textarea? rows="行數" cols="列數">文本</textarea>。注意這兩個屬性可用css樣式的width和height來代替：col用width、row用height來代替。
• 單選、復選按鈕。語法：<input?? type="radio/checkbox"?? value="值"??? name="名稱"?? checked="checked"/>。注意:同一組的單選按鈕，name 取值一定要一致，比如上面例子為同一個名稱“radioLove”，這樣同一組的單選按鈕才可以起到單選的作用。
• 下拉列表也可以進行多選操作，在<select>標簽中設置multiple="multiple"屬性，就可以實現多選功能，在 widows 操作系統下，進行多選時按下Ctrl鍵同時進行單擊（在 Mac下使用 Command +單擊），可以選擇多個選項。
• label標簽的使用： <label for="male">男</label><input type="radio" name="gender" id="male" /> <label for="email">輸入你的郵箱地址</label><input type="email" id="email" placeholder="Enter email"> 標簽的 for 屬性中的值應當與相關控件的 id 屬性值一定要相同。

轉載于:https://www.cnblogs.com/helloIT/articles/5154448.html

總結

以上是生活随笔為你收集整理的web前端复习系列[1]——标签的全部內容，希望文章能夠幫你解決所遇到的問題。

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