重溫系列2《html高級篇---div&ul序列等標籤》

1.空格(回車),在編輯器裏面,空格稱爲文本分隔符號。無論編輯多少空格,網頁裏只能顯示一個。
在這裏插入圖片描述
如上圖,空了很多空格。下面呈現的效果卻只有一個空格。

在這裏插入圖片描述
如果想空很多空格,需要用html特殊的編碼:( )這個表示一個空格。
在這裏插入圖片描述
在這裏插入圖片描述
這裏單詞比較特殊,英文的單詞是用空格當分割符號,如果一個單詞足夠長,大於div的寬度。它就會溢出。
在這裏插入圖片描述
2.單標籤(br),回車文本,相當於打個回車。
3.單標籤(hr),水平線
4.有序標籤:
在這裏插入圖片描述
有序標籤,在默認情況下會以1. 2. 3. 往下排,但ol後面加上type = “1/a/A/i/I”,他就會以指定的排序方式往下排(共五種排序方式)ol在後面加上,
在這裏插入圖片描述
在這裏插入圖片描述
在ol後面加上start = ‘2’,則以第二個往下排。
在這裏插入圖片描述
reversed = ‘reversed’,則以倒序的排列,
在這裏插入圖片描述
5.無序標籤
在這裏插入圖片描述
無序標籤,默認前邊的是小黑點,即屬性爲type = ‘disc’,小方塊爲type= ‘square’,小圈圈爲type = ‘circle’
在這裏插入圖片描述
ul 與li 標籤適合做一些功能,這些功能有自己的父子結構。比如後續的導航欄,還有類似表格的排列布局,還有用到浮動的佈局的時候。
6.單標籤img圖片插入標籤,就是在頁面裏插入一張圖片,它有三個比較重要的屬性。
src = ‘’:這個表圖片插入的地址,地址分爲相對地址,與絕對地址。一般我們用到的是相對地址。
alt = ‘’ :這個是圖片佔位符號,當圖片地址發生錯誤的時候,展現文字的信息。當我們製作的網頁在進行頁面加載的時候,由於網速等原因,圖片在沒有加載進入的時候,這裏會預先給這張圖片佔用一個位置。
在這裏插入圖片描述
title = ‘’ :圖片提示符號,就是鼠標移動到加載的圖片上,會顯示出相關信息。
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章