目錄
小標籤在 HTML 中如何運作?
範例 #3
結論
首頁 web前端 html教學 HTML 中的小標籤

HTML 中的小標籤

Sep 04, 2024 pm 04:27 PM
html html5 HTML Tutorial HTML Properties HTML tags

;標籤主要是HTML中的特性之一;它表示識別並顯示的文字從一種尺寸到另一個尺寸,即大尺寸到小尺寸的HTML 正文文字將被大尺寸轉換為小尺寸。該標籤將集中在 HTML 上,而不是隱藏整個使用者瀏覽器的字體大小。它將支援所有類型的瀏覽器,因此它完全接受瀏覽器相容模式。 tag是一個HTML元素,網頁內容會變小,網頁文字沒有改變。

文法:

的基本語法標籤如下。

<html>
<body>
<p>
<small>
----some contents---
</small>
</p>
</body>
</html>
登入後複製

以上程式碼是宣告的基本步驟HTML 文件中的標籤。我們必須對 使用左括號和右括號。標籤。每個 HTML 標籤都有自己的特性,並且根據版本、可運行環境等對專案有一些缺點。這些特性對於所有 HTML 標籤來說都是可接受的。 tag用於HTML標籤中的所有地方;他們使用嵌套概念來派生細分部分中的 HTML Web 內容。

小標籤在 HTML 中如何運作?

HTML小標籤對HTML網頁沒有任何特定屬性支援;它是一個全球性的,將支援瀏覽器螢幕中的所有網頁內容。透過使用小標籤,字體的大小必須有所不同;這是一種滿足某些不同需求的小字體,它有一個期望,也包括樣式。 html5 為網頁使用者帶來了一些新用途。但註釋中的 HTML 小文本和一些小字體也很常見;它通常包含一些法律文本或版權資訊。

在網頁的body標籤中,所有文字內容的大小通常都是相同的,但有時複製文字的某些部分會變小,視覺上會被破壞文字被分割並使其成為網頁中的可讀格式。 標籤是格式化文字的一種方式,CSS 與其他一些標籤降低了該標籤的重要性。當我們正確使用小標籤時,它是很好的標籤之一,而且,它會在網頁上多次使用,並且可以與其他標籤嵌套以達到一些效果。

我們將添加可能的樣式,並為添加一些功能。標籤;這只不過是在開始標記中的小號後面加上一個屬性。它包括類別目錄、id、語言、樣式和標題的屬性。在大多數情況下,類別、id 與網頁一起使用,其用法如 examples 所示。所有屬性在屬性名稱的首字母後面都有一些空格,而不是等號,屬性的標識符用雙引號引起來。 class 和 ids 類型都是它引用元素的 CSS 樣式的屬性,並且它將儲存在 和 中。外部文件上網頁文件的標籤。

id 指的是網頁的單一實例,而類別通常指的是頁面上的一些重複元素,這主要是出於 的原因。標籤中的 class 屬性幾乎總是優於 id 屬性,因為實際上,類型在網頁中不會產生太大差異。這些屬性始終允許與 的某些 CSS 樣式資訊一起使用。 HTML 中的標籤。目錄 dir 屬性允許讀取左格式語言和右格式語言語言的 HTML 文字。允許指定標籤和標題內容的語言。它用於為標籤允許一些額外的內容和資訊。

主要可以附加像javascript這樣的腳本來使用HTML標籤,也可以根據使用者的需求為網頁添加一些功能,這些腳本將在HTML中為文件的外部範圍編寫。 標籤是 HTML 中的內嵌元素。我們使用標籤來定義網頁中的更改文字大小如果假設頁面是用 HTML5 版本編寫的,則在這種情況下可以忽略提到的更改文字標籤大小問題。

範例

以下範例如下:

範例#1

代碼:

<html>
<body>
<p>Welcome To My Domain</p>
<p><small>welcome users To My Domain</small></p>
</body>
</html>
登入後複製

輸出:

HTML 中的小標籤

範例#2

代碼:

<html>
<head>
<style>
sample {
font-size: .8em;
color:blue;
}
</style>
</head>
<body>
<p>Welcome To My Domain,All the New Users welcomed once again</p>
<sample> Please contact any queries to email:[email protected] </sample>
</body>
</html>
登入後複製

輸出:

HTML 中的小標籤

範例 #3

代碼:

<html>
<body>
<p>Welcome To My Domain.</p>
<button onclick="sample()">Click</button>
<p id="example1"></p>
<script>
function sample() {
var s = "mailto:[email protected]!";
var r = s.small();
document.getElementById("example1").innerHTML = r;
}
</script>
</body>
</html>
登入後複製

輸出:

HTML 中的小標籤

以上三個範例將展示基本的在網頁中標記不同格式的 HTML。根據專案的使用者需求,我們將在即時環境中使用小標籤和屬性。另外,我們在第三個範例中使用了 javascript;點擊該按鈕後,郵件地址將以較小的尺寸顯示,因此與前兩個範例相比,這將有所不同。事件處理程序機制將使用 HTML 內容屬性啟用從 HTML 文件中呼叫腳本。當我們向後端呼叫前端畫面中的功能時,該腳本會在某些事件中被呼叫並發生。每個事件處理程序機制都包含某些屬性來處理 HTML 腳本中的事件集。

結論

主要在 HTML 中,我們使用 ;標籤有一項功能,可以接觸 HTML 預先定義標籤的表面。主要是它可以輕鬆地使用 HTML 標籤中的通用性以及其他標籤。它將與CSS結合,使網頁呈現給用戶更具吸引力。

以上是HTML 中的小標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1658
14
CakePHP 教程
1415
52
Laravel 教程
1309
25
PHP教程
1257
29
C# 教程
1231
24
HTML 中的表格邊框 HTML 中的表格邊框 Sep 04, 2024 pm 04:49 PM

HTML 表格邊框指南。在這裡,我們以 HTML 中的表格邊框為例,討論定義表格邊框的多種方法。

HTML 中的巢狀表 HTML 中的巢狀表 Sep 04, 2024 pm 04:49 PM

這是 HTML 中巢狀表的指南。這裡我們討論如何在表中建立表格以及對應的範例。

HTML 左邊距 HTML 左邊距 Sep 04, 2024 pm 04:48 PM

HTML 左邊距指南。在這裡,我們討論 HTML margin-left 的簡要概述及其範例及其程式碼實作。

HTML 表格佈局 HTML 表格佈局 Sep 04, 2024 pm 04:54 PM

HTML 表格佈局指南。在這裡,我們詳細討論 HTML 表格佈局的值以及範例和輸出。

HTML 輸入佔位符 HTML 輸入佔位符 Sep 04, 2024 pm 04:54 PM

HTML 輸入佔位符指南。在這裡,我們討論 HTML 輸入佔位符的範例以及程式碼和輸出。

您如何在PHP中解析和處理HTML/XML? 您如何在PHP中解析和處理HTML/XML? Feb 07, 2025 am 11:57 AM

本教程演示瞭如何使用PHP有效地處理XML文檔。 XML(可擴展的標記語言)是一種用於人類可讀性和機器解析的多功能文本標記語言。它通常用於數據存儲

HTML 有序列表 HTML 有序列表 Sep 04, 2024 pm 04:43 PM

HTML 有序列表指南。在這裡我們也分別討論了 HTML 有序列表和類型的介紹以及它們的範例

HTML onclick 按鈕 HTML onclick 按鈕 Sep 04, 2024 pm 04:49 PM

HTML onclick 按鈕指南。這裡我們分別討論它們的介紹、工作原理、範例以及各個事件中的onclick事件。

See all articles