web前端复习系列[1]——标签
生活随笔
收集整理的這篇文章主要介紹了
web前端复习系列[1]——标签
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
- <h1>一般用于網(wǎng)站標(biāo)題。
- 加入強(qiáng)調(diào)語(yǔ)氣,使用<strong>和<em>標(biāo)簽。<em> 表示強(qiáng)調(diào),<strong> 表示更強(qiáng)烈的強(qiáng)調(diào)。并且在瀏覽器中<em> 默認(rèn)用斜體表示,<strong> 用粗體表示。兩個(gè)標(biāo)簽相比,目前國(guó)內(nèi)前端程序員更喜歡使用<strong>表示強(qiáng)調(diào)。
- <q>標(biāo)簽,短文本引用。 注意要引用的文本不用加雙引號(hào),瀏覽器會(huì)對(duì)q標(biāo)簽自動(dòng)添加雙引號(hào)。
- <blockquote>標(biāo)簽,長(zhǎng)文本引用。顯示效果會(huì)自動(dòng)縮進(jìn)【注意:是左右兩邊都會(huì)自動(dòng)縮進(jìn)】。
- 在信息展示時(shí),有時(shí)會(huì)需要加一些用于分隔的橫線<hr/>,這樣會(huì)使文章看起來(lái)整齊些。
- <address>標(biāo)簽,為網(wǎng)頁(yè)加入地址信息。也可以定義一個(gè)地址(比如電子郵件地址)、簽名或者文檔的作者身份。 在瀏覽器上顯示的樣式為斜體。但這種方式也有一個(gè)弊端:會(huì)將address標(biāo)簽包圍的部分換行。
- 在介紹語(yǔ)言技術(shù)的網(wǎng)站中,避免不了在網(wǎng)頁(yè)中顯示一些計(jì)算機(jī)專業(yè)的編程代碼,當(dāng)代碼為一行代碼時(shí),可以使用<code>標(biāo)簽。語(yǔ)法:<code>代碼語(yǔ)言</code>。
- 如果是多行代碼,可以使用<pre>標(biāo)簽:<pre>語(yǔ)言代碼段</pre>。<pre> 標(biāo)簽的主要作用:預(yù)格式化的文本。被包圍在 pre 元素中的文本通常會(huì)保留空格和換行符。
- <caption>標(biāo)題文本</caption>。用以描述表格內(nèi)容,標(biāo)題的顯示位置:表格上方。
- <a>標(biāo)簽還有一個(gè)作用是可以鏈接Email地址,使用mailto能讓訪問者便捷向網(wǎng)站管理者發(fā)送電子郵件。<a href="mailto:yy@imooc.com?subject=主題名稱&body=郵件內(nèi)容">注意:如果mailto后面同時(shí)有多個(gè)參數(shù)的話,第一個(gè)參數(shù)必須以“?”開頭,后面的參數(shù)每一個(gè)都以“&”分隔。
?
- <img src="圖片地址" alt="下載失敗時(shí),顯示文本內(nèi)容" title="鼠標(biāo)滑過(guò)顯示文本" />圖片格式可以是GIF JPEG PNG格式的文件。
- 網(wǎng)站怎樣與用戶進(jìn)行交互?答案是使用HTML表單(form)。表單是可以把瀏覽者輸入的數(shù)據(jù)傳送到服務(wù)器端,這樣服務(wù)器端程序就可以處理表單傳過(guò)來(lái)的數(shù)據(jù)。語(yǔ)法:<form?? method="傳送方式"?? action="服務(wù)器文件">。注意:所有表單控件(文本框、文本域、按鈕、單選框、復(fù)選框等)都必須放在<form></form>標(biāo)簽之間(否則用戶輸入的信息可提交不到服務(wù)器上哦!)。
- 文本域,支持多行文本輸入。語(yǔ)法:<textarea? rows="行數(shù)" cols="列數(shù)">文本</textarea>。注意這兩個(gè)屬性可用css樣式的width和height來(lái)代替:col用width、row用height來(lái)代替。
- 單選、復(fù)選按鈕。語(yǔ)法:<input?? type="radio/checkbox"?? value="值"??? name="名稱"?? checked="checked"/>。注意:同一組的單選按鈕,name 取值一定要一致,比如上面例子為同一個(gè)名稱“radioLove”,這樣同一組的單選按鈕才可以起到單選的作用。
- 下拉列表也可以進(jìn)行多選操作,在<select>標(biāo)簽中設(shè)置multiple="multiple"屬性,就可以實(shí)現(xiàn)多選功能,在 widows 操作系統(tǒng)下,進(jìn)行多選時(shí)按下Ctrl鍵同時(shí)進(jìn)行單擊(在 Mac下使用 Command +單擊),可以選擇多個(gè)選項(xiàng)。
- label標(biāo)簽的使用: <label for="male">男</label><input type="radio" name="gender" id="male" /> <label for="email">輸入你的郵箱地址</label><input type="email" id="email" placeholder="Enter email"> 標(biāo)簽的 for 屬性中的值應(yīng)當(dāng)與相關(guān)控件的 id 屬性值一定要相同。
轉(zhuǎn)載于:https://www.cnblogs.com/helloIT/articles/5154448.html
總結(jié)
以上是生活随笔為你收集整理的web前端复习系列[1]——标签的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Redis入门指南(第2版) Redi
- 下一篇: 【HTML5】Canvas画布