8 圖標換行以及其餘

時間 2020-02-02

標籤圖標換行以及其餘简体版

原文原文鏈接

符號

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <a href="https://www.baidu.com/">測      試</a>
</body>
</html>

代碼：測試兩字中間有不少空格html

上圖：實際效果看到，測試兩字並無那麼多的空格，這是由於無論源碼中有多少空格，最多隻會保持當前的最大距離。web

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<a href="https://www.baidu.com/">測     ; ; 試</a>
</body>
</html>

代碼：符號是空格符號ide

上圖：越多，顯示的空格越多測試

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<a href="https://www.baidu.com/">測  >  試</a>
</body>
</html>

代碼： > 符號是 > ui

上圖：在web中使用<>表示定義標籤，用>來表示>符號以避免直接使用<>時，被識別成標籤格式。spa

p標籤、br標籤

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <a href="https://www.baidu.com/">測  >  試</a>

    <p>1lskjdf89l23j4osdlkjluij2lkj3ljk</p>
    <p>123</p>
    <p>123</p>
    <p>123</p>

</body>
</html>

上圖：p標籤是段落標籤，使用p標籤能夠看到每一個段落上下之間都有必定距離，不會很緊湊。設計

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <a href="https://www.baidu.com/">測  >  試</a>

    <p>1lskjdf89l23j4o<br>sdlkjluij2lkj3ljk</p>
    <p>123</p>
    <p>123</p>
    <p>123</p>

</body>
</html>

代碼：在p標籤中使用< br >換行code

上圖：能夠看到單單使用一個換行標籤的話，其上下距離並不像每一個段落標籤那麼高。htm

p標籤屬於塊級標籤。ip