溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下HTML中文本標簽，超鏈接標簽以及圖像標簽是什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
文本標簽
換行標簽 -- br
是單標簽，意味著它沒有結束標簽。起強制換行作用
段落中的文字<br>段落中的文字<br>段落中的文字<br>
水平分割線 -- hr
與br相同，也是單標簽。可用來區分不同段落或正文與標題。可設置分割線的寬度和高度
設置了50%寬度，50像素且右對齊的分割線 <hr width='50%' size='50' align='right'>
預格式化文本標簽 -- pre
保留文本的原有格式
<pre>文本</pre>
上標標簽、下標標簽 -- sup/sub
包含在標簽與其結束標簽中的內容，以當前文字高度的一半顯示在文本的左上側
包含在標簽與其結束標簽中的內容，以當前文字高度的一半顯示在文本的左下側
<sup>上標文字內容</sup> <sub>下標文字內容</sub>
塊引用標簽 -- blockquote
代表其中的文字是引用內容。通常在渲染時，這部分的內容會有一定的縮進
<blockquote>引用文字</blockquote>
普通文本行內標簽 -- span
如果不對 span 應用樣式，那么 span 元素中的文本與其他文本不會任何視覺上的差異。盡管如此，上例中的 span 元素仍然為 p 元素增加了額外的結構。
可以為 span 應用 id 或 class 屬性，這樣既可以增加適當的語義，又便于對 span 應用樣式。
可以對同一個 <span> 元素應用 class 或 id 屬性，但是更常見的情況是只應用其中一種。這兩者的主要差異是，class 用于元素組（類似的元素，或者可以理解為某一類元素），而 id 用于標識單獨的唯一的元素。
<span>文本內容</span>
普通文本標簽 -- div
<div> 是一個塊級元素。這意味著它的內容自動地開始一個新行。實際上，換行是 <div> 固有的唯一格式表現。可以通過 <div> 的 class 或 id 應用額外的樣式。
不必為每一個 <div> 都加上類或 id，雖然這樣做也有一定的好處。
可以對同一個 <div> 元素應用 class 或 id 屬性，但是更常見的情況是只應用其中一種。這兩者的主要差異是，class 用于元素組（類似的元素，或者可以理解為某一類元素），而 id 用于標識單獨的唯一的元素。
<div>文本內容</div>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>張阿機</title>
</head>
<body>
<h2 style="color: green">一級標題</h2>
<span>pre顯示</span>
<pre>
<strong>雨霖鈴·寒蟬凄切</strong>
宋代：柳永
寒蟬凄切，對長亭晚，驟雨初歇。都門帳飲無緒，留戀處，蘭舟催發。執手相看淚眼，竟無語凝噎。念去去，千里煙波，暮靄沉沉楚天闊。
多情自古傷離別，更那堪，冷落清秋節！今宵酒醒何處？楊柳岸，曉風殘月。此去經年，應是良辰好景虛設。便縱有千種風情，更與何人說？
</pre>
<span>bolckquote顯示</span>
<blockquote>
<strong>雨霖鈴·寒蟬凄切</strong>
宋代：柳永
寒蟬凄切，對長亭晚，驟雨初歇。都門帳飲無緒，留戀處，蘭舟催發。執手相看淚眼，竟無語凝噎。念去去，千里煙波，暮靄沉沉楚天闊。
多情自古傷離別，更那堪，冷落清秋節！今宵酒醒何處？楊柳岸，曉風殘月。此去經年，應是良辰好景虛設。便縱有千種風情，更與何人說？
</blockquote>
求解數學方程x<sup>2</sup>+x+6=0.<br/>
所得解:x<sub>1</sub>=-3,x<sub>2</sub>=2
</body>
</html>
一個網站是由多個網頁組成的，頁面之間依靠鏈接確定相互之間的導航關系，各個網頁鏈接在一起后，才構成一個網站。
超鏈接標簽--<a>
1.外部鏈接
如果鏈接是指向站點文件夾之外的，就稱做外部鏈接，添加外部鏈接時，使用絕對路徑，方法是直接輸入路徑地址，如http://www.baidu.com
2.內部鏈接
是指同一個網站內部，不同頁面之間的鏈接關系，也可稱作站內鏈接。建立內部鏈接時，使用相對路徑。
超鏈接屬性 -- herf
在添加超鏈接時，屬性設置非常重要。
<a href='超鏈接路徑'>設置鏈接的文字或圖片等屬性</a>
超鏈接屬性 -- target
默認情況下，超鏈接打開新頁面的方式是在當前窗口中打開，屬性可以用來定義目標窗口打開方式。
_parent-->在上一級窗口中打開，使得頁面載入父窗口
_blank--->瀏覽器在一個新的窗口中打開網頁
<a href='超鏈接路徑' target='頁面打開方式'>設置鏈接的文字或圖片等屬性</a>
ml>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--a標簽-->
<!--1. 跳轉到指定的url地址-->
<a href="http://www.baidu.com"> 百度</a>
<a href="http://www.baidu.com" target="_parent"> 百度</a>
<!--新建一個瀏覽器窗口并打開-->
<a href="http://www.baidu.com" target="_blank"> 百度</a>
<!--2. 跳轉到當前頁面的指定位置（錨點）-->
<a href="#C1">下載python</a>
<a href="#C2">發展歷史</a>
<a href="#C3">風格</a>
<a href="#C4">與Matlab對比</a>
<a href="#C5">設計定位</a>
<h2><a name="C1">下載python</a></h2>
在您開始之前，在你的計算機將需要Python，但您可能不需要下載它。首先檢查(在命令行窗口輸入python)有沒有安裝Python!如果你看到了一個Python解釋器的響應，那么就能在她的顯示窗口中得到一個版本號。通常較新的版本都可以做到Python的向后兼容。
如果您需要安裝， 您不妨下載最近穩定的版本。 就是那個以沒有被標記作為alpha或Beta發行的最高的版本。目前最穩定的版本是Python3.0以上
如果你使用的操作系統是Windows：最穩定的Windows版本下載是"Python 2.5 for Windows"
如果你使用的是Mac，MacOS 10.2 (Jaguar), 10.3 (Panther) and 10.4 (Tiger)已經集成安裝了Python，但是你大概需要安裝最近通用的構架(build)。
對于Red Hat，安裝python2和python2-devel包。
對于Debian，安裝python2.5和python2.5-dev包
<h2><a name="C2">發展歷史</a></h2>
自從20世紀90年代初Python語言誕生至今，它已被逐漸廣泛應用于系統管理任務的處理和Web編程。
Python的創始人為Guido van Rossum。1989年圣誕節期間，在阿姆斯特丹，Guido為了打發圣誕節的無趣，決心開發一個新的腳本解釋程序，作為ABC 語言的一種繼承。之所以選中Python（大蟒蛇的意思）作為該編程語言的名字，是因為他是一個叫Monty Python的喜劇團體的愛好者。
ABC是由Guido參加設計的一種教學語言。就Guido本人看來，ABC 這種語言非常優美和強大，是專門為非專業程序員設計的。但是ABC語言并沒有成功，究其原因，Guido 認為是其非開標識
放造成的。Guido 決心在Python 中避免這一錯誤。同時，他還想實現在ABC 中閃現過但未曾實現的東西。
就這樣，Python在Guido手中誕生了。可以說，Python是從ABC發展起來，主要受到了Modula-3（另一種相當優美且強大的語言，為小型團體所設計的）的影響。并且結合了Unix shell和C的習慣。
Python已經成為最受歡迎的程序設計語言之一。自從2004年以后，python的使用率呈線性增長。2011年1月，它被TIOBE編程語言排行榜評為2010年度語言。
由于Python語言的簡潔性、易讀性以及可擴展性，在國外用Python做科學計算的研究機構日益增多，一些知名大學已經采用Python來教授程序設計課程。例如卡耐基梅隆大學的編程基礎、麻省理工學院的計算機科學及編程導論就使用Python語言講授。眾多開源的科學計算軟件包都提供了Python的調用接口，例如著名的計算機視覺庫OpenCV、三維可視化庫VTK、醫學圖像處理庫ITK。而Python專用的科學計算擴展庫就更多了，例如如下3個十分經典的科學計算擴展庫：NumPy、SciPy和matplotlib，它們分別為Python提供了快速數組處理、數值運算以及繪圖功能。因此Python語言及其眾多的擴展庫所構成的開發環境十分適合工程技術、科研人員處理實驗數據、制作圖表，甚至開發科學計算應用程序。
2018年3月，該語言作者在郵件列表上宣布Python 2.7將于2020年1月1日終止支持。用戶如果想要在這個日期之后繼續得到與Python 2.7有關的支持，則需要付費給商業供應商。
<h2><a name="C3">風格</a></h2>
Python在設計上堅持了清晰劃一的風格，這使得Python成為一門易讀、易維護，并且被大量用戶所歡迎的、用途廣泛的語言。
設計者開發時總的指導思想是，對于一個特定的問題，只要有一種最好的方法來解決就好了。這在由Tim Peters寫的Python格言（稱為The Zen of Python）里面表述為：There should be one-- and preferably only one --obvious way to do it. 這正好和Perl語言（另一種功能類似的高級動態語言）的中心思想TMTOWTDI（There's More Than One Way To Do It）完全相反。
Python的作者有意的設計限制性很強的語法，使得不好的編程習慣（例如if語句的下一行不向右縮進）都不能通過編譯。其中很重要的一項就是Python的縮進規則。
一個和其他大多數語言（如C）的區別就是，一個模塊的界限，完全是由每行的首字符在這一行的位置來決定的（而C語言是用一對花括號{}來明確的定出模塊的邊界的，與字符的位置毫無關系）。這一點曾經引起過爭議。因為自從C這類的語言誕生后，語言的語法含義與字符的排列方式分離開來，曾經被認為是一種程序語言的進步。不過不可否認的是，通過強制程序員們縮進（包括if，for和函數定義等所有需要使用模塊的地方），Python確實使得程序更加清晰和美觀。
<h2><a name="C4">與Matlab對比</a></h2>
說起科學計算，首先會被提到的可能是MATLAB。然而除了MATLAB的一些專業性很強的工具箱還無法被替代之外，MATLAB的大部分常用功能都可以在Python世界中找到相應的擴展庫。和MATLAB相比，用Python做科學計算有如下優點：
● 首先，MATLAB是一款商用軟件，并且價格不菲。而Python完全免費，眾多開源的科學計算庫都提供了Python的調用接口。用戶可以在任何計算機上免費安裝Python及其絕大多數擴展庫。
● 其次，與MATLAB相比，Python是一門更易學、更嚴謹的程序設計語言。它能讓用戶編寫出更易讀、易維護的代碼。
● 最后，MATLAB主要專注于工程和科學計算。然而即使在計算領域，也經常會遇到文件管理、界面設計、網絡通信等各種需求。而Python有著豐富的擴展庫，可以輕易完成各種高級任務，開發者可以用Python實現完整應用程序所需的各種功能。
<h2><a name="C5">設計定位</a></h2>
Python的設計哲學是“優雅”、“明確”、“簡單”。因此，Perl語言中“總是有多種方法來做同一件事”的理念在Python開發者中通常是難以忍受的。Python開發者的哲學是“用一種方法，最好是只有一種方法來做一件事”。在設計Python語言時，如果面臨多種選擇，Python開發者一般會拒絕花俏的語法，而選擇明確的沒有或者很少有歧義的語法。由于這種設計觀念的差異，Python源代碼通常被認為比Perl具備更好的可讀性，并且能夠支撐大規模的軟件開發。這些準則被稱為Python格言。在Python解釋器內運行import this可以獲得完整的列表。
Python開發人員盡量避開不成熟或者不重要的優化。一些針對非重要部位的加快運行速度的補丁通常不會被合并到Python內。所以很多人認為Python很慢。不過，根據二八定律，大多數程序對速度要求不高。在某些對運行速度要求很高的情況，Python設計師傾向于使用JIT技術，或者用使用C/C++語言改寫這部分程序。可用的JIT技術是PyPy。
Python是完全面向對象的語言。函數、模塊、數字、字符串都是對象。并且完全支持繼承、重載、派生、多繼承，有益于增強源代碼的復用性。Python支持重載運算符和動態類型。相對于Lisp這種傳統的函數式編程語言，Python對函數式設計只提供了有限的支持。有兩個標準庫(functools, itertools)提供了Haskell和Standard ML中久經考驗的函數式程序設計工具。
雖然Python可能被粗略地分類為“腳本語言”（script language），但實際上一些大規模軟件開發計劃例如Zope、Mnet及BitTorrent，Google也廣泛地使用它。Python的支持者較喜歡稱它為一種高級動態編程語言，原因是“腳本語言”泛指僅作簡單程序設計任務的語言，如shellscript、VBScript等只能處理簡單任務的編程語言，并不能與Python相提并論。
Python本身被設計為可擴充的。并非所有的特性和功能都集成到語言核心。Python提供了豐富的API和工具，以便程序員能夠輕松地使用C語言、C++、Cython來編寫擴充模塊。Python編譯器本身也可以被集成到其它需要腳本語言的程序內。因此，很多人還把Python作為一種“膠水語言”（glue language）使用。使用Python將其他語言編寫的程序進行集成和封裝。在Google內部的很多項目，例如Google Engine使用C++編寫性能要求極高的部分，然后用Python或Java/Go調用相應的模塊。《Python技術手冊》的作者馬特利（Alex Martelli）說：“這很難講，不過，2004 年，Python 已在Google 內部使用，Google 召募許多 Python 高手，但在這之前就已決定使用Python，他們的目的是 Python where we can, C++ where we must，在操控硬件的場合使用 C++，在快速開發時候使用 Python。
</body>
</html>
圖形圖像可以使網頁活躍起來，帶給人的視覺印象要優于文字。
網頁中常用的圖像格式包括'jpeg'、'jpg'、'gif'、'png'、'bmp'等。
圖像標簽 -- <img>
想要在頁面上顯示一個圖像，需要使用它的'src'屬性，是'source'的縮寫。
<img src='圖像文件所在位置'>
源文件屬性 -- alt
用來給圖像顯示一個交互文本，用戶可自定義。當瀏覽器沒有完全加載圖像或加載失敗時，會顯示交互文本內容來替代圖像。
<img src='圖像文件所在位置' alt='圖像的交互文本'>
圖像與文本的對齊方式 -- align
圖像在文字段落中位置的對齊方式有左對齊left、右對齊right兩種，圖像在單行文本中的對齊方式有頂部對齊top、中部對齊middle、底部對齊bottom三種。
<img src='圖像文件所在位置' align='圖像與文本的對齊方式'>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>小白</title>
</head>
<body>
<p>
<img src="flower_01.jpg" alt="曇花" align="left" width="160px" height="160px" >
曇花（學名：Epiphyllum oxypetalum （DC.）Haw ）：附生肉質灌木，高2-6米，老莖圓柱狀，木質化。分枝多數，葉狀側扁，披針形至
長圓狀披針形，邊緣波狀或具深圓齒，基部急尖、短漸尖或漸狹成柄狀，深綠色，無毛，中肋粗大，老株分枝產生氣根。花單生于枝側的小窠，漏斗狀，于夜間開放，芳香，長25-30厘米，直徑10-12厘米；花托綠色，略具角，被三角形短鱗片；瓣狀花被片白色，倒卵狀披針形至倒卵形，長7-10厘米，寬3-4.5厘米，邊緣全緣或嚙蝕狀。漿果長球形，具縱棱脊，無毛，紫紅色。種子多數，卵狀腎形，亮黑色，具皺紋，無毛。
</p>
<br />
<p>
<img src="flower_02.jpg" alt="曇花" align="right" width="200px" height="300px" >
生長地海拔1000-1200米。喜溫暖濕潤的半陰、溫暖和潮濕的環境，不耐霜凍，忌強光暴曬。曇花享有“月下美人”之譽。當花漸漸展開后，過1-2小時又慢慢地枯萎了，整個過程僅4個小時左右。故有“曇花一現”之說。世界各地區廣泛栽培；中國各省區常見栽培。
</p>
<br/>
<br/>
曇花圖片：<img src="flower_02.jpg" alt="曇花" align="middle" width="200px" height="300px">
</body>
</html>
以上是“HTML中文本標簽，超鏈接標簽以及圖像標簽是什么”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
