日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁(yè) > 前端技术 > HTML >内容正文

HTML

web前端复习系列[1]——标签

發(fā)布時(shí)間:2023/12/20 HTML 33 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。