4-14 標題段落文本格式化連接頭部

時間 2019-12-11

標籤標題段落文本格式化連接頭部简体版

原文原文鏈接

一、font---------------------------------定義文字的字體、尺寸和顏色。HTML5不支持。html

1 <font size="6">這是6號字體文本</font>

二、當顯示頁面時，瀏覽器會移除源代碼中多餘的空格和空行。全部連續的空格或空行都會被算做一個空格。須要注意的是，HTML 代碼中的全部連續的空行（換行）也被顯示爲一個空格。算法

處理方案：能夠經過pre標籤對空格和換行進行控制瀏覽器

1 <pre>
2 此例演示如何使用 pre 標籤
3 對空行和    空格
4 進行控制
5 </pre>

三、寫在<body></body>內的內容，若是不加其餘標籤，在瀏覽器中顯示時就會是原內容，不作改變。框架

------------------bold 加粗黑體字體

----加粗黑體ui

-------------------italic 斜體字編碼

spa

-----------subscript 下標code

-----------superscript 上標（奇葩方法：b和p的區別，進而區分上下標）htm

<code></code>-------code 代碼，編碼

<kbd></kbd>----------keyboard 鍵盤

<tt></tt>----------------typer,typewriter 打字機

計算機輸出標籤：

 1 <code>計算機輸出</code>
 2 <br />
 3 <kbd>鍵盤輸入</kbd>
 4 <br />
 5 <tt>打字機文本</tt>
 6 <br />
 7 <samp>計算機代碼樣本</samp>
 8 <br />
 9 <var>計算機變量</var>
10 <br />

四、文字輸出順序

1 <p><bdo dir="rtl">該段落文字從右到左顯示。</bdo></p>

==該段落文字從右到左顯示。

<bdo></bdo>-----------------------------bidirectional algorithm雙向算法

rtl--------------------反序

ltr-------------------正序

五、引用

1 <p>WWF's goal is to: 
2 <q>Build a future where people live in harmony with nature.</q>
3 We hope they succeed.</p>

==WWF's goal is to: Build a future where people live in harmony with nature. We hope they succeed.

<q></q>-----------------------------------quote 引用

六、刪除和插入文本

1 <p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

==My favorite color is ~~blue~~ red!

<del></del>-----------------------------delete 刪除

<ins></ins>------------------------------inserted text插入文本

七、target屬性怎麼用？

百度後的結果

html target屬性，通常是在a標籤中使用

Target 屬性，能夠定義被連接的文檔在何處顯示。

target="_blank" 在瀏覽器新窗口打開文檔

target="_parent" 這個目標使得文檔載入父窗口或者包含來超連接引用的框架的框架集。若是這個引用是在窗口或者在頂級框架中，那麼它與目標 _self 等效。

target="_self" 這個目標的值對全部沒有指定目標的 <a> 標籤是默認目標，它使得目標文檔載入並顯示在相同的框架或者窗口中做爲源文檔。這個目標是多餘且沒必要要的，除非和文檔標題 <base> 標籤中的 target 屬性一塊兒使用。

target="_top" 這個目標使得文檔載入包含這個超連接的窗口，用 _top 目標將會清除全部被包含的框架並將文檔載入整個瀏覽器窗口。

1 <p>跳出框架?</p> 
2 <a href="http://www.runoob.com/" target="_top">點擊這裏!</a>

效果：沒有具體的例子，不能很好的理解。

八、連接

插入圖片連接

1 <p>建立圖片連接:
2 <a href="http://www.runoob.com/html/html-tutorial.html">
3 <img  border="10" src="smiley.gif" alt="HTML 教程" width="32" height="32"></a></p>
4 
5 <p>無邊框的圖片連接:
6 <a href="http://www.runoob.com/html/html-tutorial.html">
7 <img border="0" src="smiley.gif" alt="HTML 教程" width="32" height="32"></a></p>

border表示邊框，src表示source來源，alt爲頁面上的圖像都加上替換文本屬性。

值能夠是一段文字，當圖片因爲各類緣由沒法顯示時，alt屬性的值就會被顯示在網頁上。

alt 屬性用來爲圖像定義一串預備的可替換的文本。替換文本屬性的值是用戶定義的<img src="boat.gif" alt="Big Boat">在瀏覽器沒法載入圖像時，替換文本屬性告訴讀者她們失去的信息。此時，瀏覽器將顯示這個替代性的文本而不是圖像。爲頁面上的圖像都加上替換文本屬性是個好習慣，這樣有助於更好的顯示信息，而且對於那些使用純文本·的瀏覽器的人來講是很是有用的。

*px爲像素單位

單位能夠是px，也能夠是％，單位爲％時是指佔窗體寬高的百分比大小。

1 <p>
2 這是一個電子郵件連接：
3 <a href="mailto:someone@example.com?Subject=Hello%20again" target="_top">
4 發送郵件</a>
5 </p>
6 
7 <p>
8 <b>注意:</b> 單詞之間空格使用 %20 代替，以確保瀏覽器能夠正常顯示文本。
9 </p>