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

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > HTML >内容正文

HTML

4-30 HTML 细节摘录

發布時間:2025/3/17 HTML 19 豆豆
生活随笔 收集整理的這篇文章主要介紹了 4-30 HTML 细节摘录 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

?

?<b>定義粗體文本。
<big>定義大號字。
<em>定義著重文字。
<i>定義斜體字。
<small>定義小號字。
<strong>定義加重語氣。
<sub>定義下標字。
<sup>定義上標字。
<ins>定義插入字。
<del>定義刪除字。

?

?<code>定義計算機代碼。
<kbd>定義鍵盤碼。
<samp>定義計算機代碼樣本。
<tt>定義打字機代碼。
<var>定義變量。
<pre>定義預格式文本。

?

?<abbr>定義縮寫。
<acronym>定義首字母縮寫。
<address>定義地址。
<bdo>定義文字方向。
<blockquote>定義長的引用。
<q>定義短的引用語。
<cite>定義引用、引證。
<dfn>定義一個定義項目。
  <img src="boat.gif" alt="Big Boat">
?<img>定義圖像。
<map>定義圖像地圖。
<area>定義圖像地圖中的可點擊區域。
<table border="1"> <tr> <th>Heading</th> <th>Another Heading</th> </tr> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>

在瀏覽器顯示如下:

HeadingAnother Heading
row 1, cell 1row 1, cell 2
row 2, cell 1row 2, cell 2

?

?<table>定義表格
<caption>定義表格標題。
<th>定義表格的表頭。
<tr>定義表格的行。
<td>定義表格單元。
<thead>定義表格的頁眉。
<tbody>定義表格的主體。
<tfoot>定義表格的頁腳。
<col>定義用于表格列的屬性。
<colgroup>定義表格列的組。

添加 iframe 的語法

<iframe src="URL"></iframe>

Iframe - 刪除邊框

frameborder 屬性規定是否顯示 iframe 周圍的邊框。

設置屬性值為 "0" 就可以移除邊框:

實例

<iframe src="demo_iframe.htm" frameborder="0"></iframe>

<noscript> 標簽

<noscript> 標簽提供無法使用腳本時的替代內容,比方在瀏覽器禁用腳本時,或瀏覽器不支持客戶端腳本時。

noscript 元素可包含普通 HTML 頁面的 body 元素中能夠找到的所有元素。

只有在瀏覽器不支持腳本或者禁用腳本時,才會顯示 noscript 元素中的內容:

<script type="text/javascript"> document.write("Hello World!") </script> <noscript>Your browser does not support JavaScript!</noscript
?<head>定義關于文檔的信息。
<title>定義文檔標題。
<base>定義頁面上所有鏈接的默認地址或默認目標。
<link>定義文檔與外部資源之間的關系。
<meta>定義關于 HTML 文檔的元數據。
<script>定義客戶端腳本。
<style>定義文檔的樣式信息。
?

URL Schemes

以下是其中一些最流行的 scheme:

Scheme訪問用于...
http超文本傳輸協議以 http:// 開頭的普通網頁。不加密。
https安全超文本傳輸協議安全網頁。加密所有信息交換。
ftp文件傳輸協議用于將文件下載或上傳至網站。
file?您計算機上的文件。

URL - Uniform Resource Locator

當您點擊 HTML 頁面中的某個鏈接時,對應的 <a> 標簽指向萬維網上的一個地址。

統一資源定位器(URL)用于定位萬維網上的文檔(或其他數據)。

網址,比如 http://www.w3school.com.cn/html/index.asp,遵守以下的語法規則:

scheme://host.domain:port/path/filename

解釋:

  • scheme - 定義因特網服務的類型。最常見的類型是 http
  • host - 定義域主機(http 的默認主機是 www)
  • domain - 定義因特網域名,比如 w3school.com.cn
  • :port - 定義主機上的端口號(http 的默認端口號是 80)
  • path - 定義服務器上的路徑(如果省略,則文檔必須位于網站的根目錄中)。
  • filename - 定義文檔/資源的名稱

編者注:URL 的英文全稱是 Uniform Resource Locator,中文也譯為“統一資源定位符”。

?

<input> 元素

<input> 元素是最重要的表單元素。

<input> 元素有很多形態,根據不同的 type 屬性。

這是本章中使用的類型:

類型描述
text定義常規文本輸入。
radio定義單選按鈕輸入(選擇多個選擇之一)
submit定義提交按鈕(提交表單)



HTML Form 屬性

HTML <form> 元素,已設置所有可能的屬性,是這樣的:

實例

<form action="action_page.php" method="GET" target="_blank" accept-charset="UTF-8" ectype="application/x-www-form-urlencoded" autocomplete="off" novalidate> . form elements. </form>

Here is the list of <form> attributes:

屬性描述
accept-charset規定在被提交表單中使用的字符集(默認:頁面字符集)。
action規定向何處提交表單的地址(URL)(提交頁面)。
autocomplete規定瀏覽器應該自動完成表單(默認:開啟)。
enctype規定被提交數據的編碼(默認:url-encoded)。
method規定在提交表單時所用的 HTTP 方法(默認:GET)。
name規定識別表單的名稱(對于 DOM 使用:document.forms.name)。
novalidate規定瀏覽器不驗證表單。
target規定 action 屬性中地址的目標(默認:_self)。

注釋:您將在下面的章節學到更多關于屬性的知識。

<select> 元素(下拉列表)

<select> 元素定義下拉列表:

實例

<select name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat">Fiat</option> <option value="audi">Audi</option> </select>

HTML5 輸入類型

HTML5 增加了多個新的輸入類型:

  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week

HTML5 提供的新元素可以構建更好的文檔結構:

標簽描述
<article>定義文檔內的文章。
<aside>定義頁面內容之外的內容。
<bdi>定義與其他文本不同的文本方向。
<details>定義用戶可查看或隱藏的額外細節。
<dialog>定義對話框或窗口。
<figcaption>定義 <figure> 元素的標題。
<figure>定義自包含內容,比如圖示、圖表、照片、代碼清單等等。
<footer>定義文檔或節的頁腳。
<header>定義文檔或節的頁眉。
<main>定義文檔的主內容。
<mark>定義重要或強調的內容。
<menuitem>定義用戶能夠從彈出菜單調用的命令/菜單項目。
<meter>定義已知范圍(尺度)內的標量測量。
<nav>定義文檔內的導航鏈接。
<progress>定義任務進度。
<rp>定義在不支持 ruby 注釋的瀏覽器中顯示什么。
<rt>定義關于字符的解釋/發音(用于東亞字體)。
<ruby>定義 ruby 注釋(用于東亞字體)。
<section>定義文檔中的節。
<summary>定義 <details> 元素的可見標題。
<time>定義日期/時間。
<wbr>定義可能的折行(line-break)。

轉載于:https://www.cnblogs.com/tongbiao/p/6789424.html

總結

以上是生活随笔為你收集整理的4-30 HTML 细节摘录的全部內容,希望文章能夠幫你解決所遇到的問題。

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