溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

8 圖標 換行 以及其他

發布時間:2020-07-19 02:07:22 來源:網絡 閱讀:173 作者:代碼老兵 欄目:web開發

符號

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

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

8 圖標 換行 以及其他

上圖:實際效果看到,測試兩字并沒有那么多的空格,這是因為不管源碼中有多少空格,最多只會保持當前的最大距離。

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

代碼:? 符號是空格符號

8 圖標 換行 以及其他

上圖:?越多,顯示的空格越多

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

代碼: > 符號是 >

8 圖標 換行 以及其他

上圖:在web中使用<>表示定義標簽,用>來表示>符號以免直接使用<>時,被識別成標簽格式。

8 圖標 換行 以及其他

8 圖標 換行 以及其他

8 圖標 換行 以及其他

8 圖標 換行 以及其他

p標簽、br標簽

<!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 圖標 換行 以及其他

上圖:p標簽是段落標簽,使用p標簽可以看到每個段落上下之間都有一定距離,不會很緊湊。

<!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標簽中 使用< br >換行

8 圖標 換行 以及其他

上圖:可以看到單單使用一個換行標簽的話,其上下距離并不像每個段落標簽那么高。

p標簽屬于 塊級標簽。

span標簽

span標簽是行內標簽,是一個白板標簽(沒有特殊特性),便于設計

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

web
AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女