8 圖標(biāo) 換行以及其他

發(fā)布時間：2020-07-19 02:07:22 來源：網(wǎng)絡(luò) 閱讀：163 作者：代碼老兵欄目：web開發(fā)

符號

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <a >測      試</a>
</body>
</html>

代碼：測試兩字中間有很多空格

8 圖標(biāo) 換行以及其他

上圖：實(shí)際效果看到，測試兩字并沒有那么多的空格，這是因?yàn)椴还茉创a中有多少空格，最多只會保持當(dāng)前的最大距離。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<a >測?????;?;?試</a>
</body>
</html>

代碼：? 符號是空格符號

8 圖標(biāo) 換行以及其他

上圖：?越多，顯示的空格越多

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<a >測  >  試</a>
</body>
</html>

代碼： > 符號是 >

8 圖標(biāo) 換行以及其他

上圖：在web中使用<>表示定義標(biāo)簽，用>來表示>符號以免直接使用<>時，被識別成標(biāo)簽格式。

8 圖標(biāo) 換行以及其他

p標(biāo)簽、br標(biāo)簽

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <a >測  >  試</a>

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

</body>
</html>

8 圖標(biāo) 換行以及其他

上圖：p標(biāo)簽是段落標(biāo)簽，使用p標(biāo)簽可以看到每個段落上下之間都有一定距離，不會很緊湊。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <a >測  >  試</a>

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

</body>
</html>

代碼：在p標(biāo)簽中使用< br >換行

8 圖標(biāo) 換行以及其他

上圖：可以看到單單使用一個換行標(biāo)簽的話，其上下距離并不像每個段落標(biāo)簽?zāi)敲锤摺?/p>

p標(biāo)簽屬于塊級標(biāo)簽。

span標(biāo)簽

span標(biāo)簽是行內(nèi)標(biāo)簽，是一個白板標(biāo)簽（沒有特殊特性），便于設(shè)計(jì)

向AI問一下細(xì)節(jié)

8 圖標(biāo) 換行 以及其他

符號

p標(biāo)簽、br標(biāo)簽

span標(biāo)簽

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽

8 圖標(biāo) 換行以及其他

p標(biāo)簽、br標(biāo)簽