首頁 web前端 html教學 HTML 初學者指南(五)

HTML 初學者指南(五)

Dec 23, 2016 pm 02:44 PM
html

地址Addresses

標記通常用於說明文件的作者, 與作者聯繫的方法(如, 一個電子郵件地址), 和一個修訂日期. 它一般是一個文件的最後部分. 

例如,本線上指南的最後一行為: 


A Beginner's Guide to HTML / NCSA / pubs@ncsa.uiuc.edu / revised April 96
 
: g​​inin 結果為基礎。 / NCSA / pubs@ncsa.uiuc.edu / revised April 96
注意:
不用於普通郵寄地址. 關於普通郵政地址參見下文的"強制換行" . 

強制換行Forced Line Breaks/郵政地址Postal Addresses

標記強制產生一個換行,行間沒有間隙. 對於由較短的行組成的文本,如郵政地址,

元素產生的附加空行會使你覺得不必要. 例如, 使用


National Center for Supercomputing Applications

605 East Springfield Avenue

Champaign, Illinois 61820-5518
 
field, Spring輸出為 . Illinois 61820-5518 


水平線Horizo​​ntal Rules


標記產生一個和瀏覽器窗口等寬的水平線. 水平線對於你分割文檔中的各個部分很有用. 例如,很多人在他們的文本結束和
訊息開始之前加一條水平線. 

你可以改變一條線的尺寸(粗) 和寬度( 水平線延伸長度佔窗口的百分比). 你可以試著改變設置,直到對顯示效果滿意. 例如: 

 

顯示為: 


------------------------------- ------------------------------------------------- 


字符格式
HTML 有針對單個字符或句子的兩種風格: 邏輯風格和物理風格logical and physical. 邏輯風格Logical styles 根據文本的內容進行標記, 而物理風格physical styles 指明一個部分的顯示效果. , 在前面的句子中, "logical styles" 這個單字標記為一個"定義definition." 同樣的效果(斜體) 可以透過其他的標記告訴你的瀏覽器"把這些字變成斜體" 來實現。 

注意: 有些瀏覽器對 標記不做任何風格解釋, 因此你可能沒有發現前面段落中的單字顯示成斜體。

邏輯風格和物理風格Logical Versus Physical Styles
如果物理風格和邏輯風格能夠產生相同的效果, 為什麼不和而為一呢? 

在理想的SGML 概念中, 內容和它的顯示是分開的.因此SGML 標記一個一級標題字體為一級標題字體, 但是並不指明一級標題字體應該顯示多大, 例如, 24點粗體加倍集中24-point bold Times centered. 這種處理的好處(類似於很多字處理軟體的style sheets ) 是,如果你決定把一級標記字體改為20-point left-justified Helvetica, 你只需要改變你的瀏覽器中一級標題字體的定義就可以了. 今天確實有很多瀏覽器允許你按你的希望定義多種HTML 標記在屏幕上的實際效果. 

邏輯標籤的另一個優點在於它們有助於在你的文檔中保持一致性. 標記

比24-point bold Times center 或其它描述要好記得多. 例如, 對 標記. 多數瀏覽器用粗體解釋. 但是, 某個讀者可能喜歡把這部分顯示為紅色. 邏輯風格提供了這種靈活性. 

當然, 假設如果你想用斜體顯示一些內容而不想受瀏覽器的設置的影響, 你就需要使用物理風格. 因此,物理風格提供一種另一種一致性:在你的文檔中用某種方式顯示的內容在別的地方也會以同樣的方式顯示. 

你應該固定地使用某一種風格. 如果你用物理風格標記, 則在一篇文檔中全都使用物理風格. 如果你使用邏輯風格, 則在文件中堅持使用邏輯風格. 記住,將來的HTML 可能不再支援物理風格, 這意味著瀏覽器將不解釋物理風格的編碼.

 以上就是HTML 初學者指南(五)的內容,更多相關內容請關注PHP中文網(www.php.cn)!






本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡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

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

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆樹的耳語 - 如何解鎖抓鉤
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++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教學
1665
14
CakePHP 教程
1424
52
Laravel 教程
1322
25
PHP教程
1269
29
C# 教程
1249
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