學習筆記 之 聊聊 HTML 那些標籤(二)

2021-09-09 06:18:25 字數 2076 閱讀 1096

目標 —> 雞大的境界,勤能補拙,不為自己的懶惰找任何藉口。

前倆篇,大概記錄了下有關 html 基礎內容和列舉了部分標籤,而今天繼續往下整理,期待明天會更好~

首先,我們先來了解下在 html 元素(標籤)區分:

大多數 html 元素被定義為塊級元素或內聯元素。

在 android 中,我們常常會使用父布局去承載相應的子控制項,經過組合從而達到最終的效果,那麼在 html 中,也有類似這樣的父容器,那便是 div,而 div 則屬於塊元素。使用起來也很 easy 這裡就不列舉了。

而下面,開始回顧額外的部分標籤。

1. ** < table>

乙個 table 裡面包含多個 tr(行)以及 td(列);th 代表表頭,多數瀏覽器會給表頭預設粗體。

下面附上例項:

編號

姓名年齡

001hlq_struggle

你猜

效果如下:

小哥哥說了,我要個邊框,這是什麼鬼?

小姐姐又說了,長長短短,不喜歡,能變成一樣寬的麼?

編號

姓名年齡

001hlq_struggle

你猜

小哥哥說,你這個挨著太緊湊了,改改~

這裡需要單獨註明這倆個屬性含義:

最後,這裡擷取 w3c school 小哥哥為我們整理的屬性圖:

2. html 列表(< ul> / < ol>)

先看無序列表以及有序列表:

無序列表

有序列表

先吃飯溜達

睡覺覺

效果如下:

下面玩點新花樣:

玩點新花樣

大河向東

流啊大河

向東流啊

大河向東

流啊大河

向東流啊

效果很讚呦~

有序小哥哥見過了,該湊湊無序小姐姐咯~

無序小哥哥出來見見人

自定義列表

the end,再次看看 w3c school 小哥哥為我們整理的標籤以及含義**:

默默吐槽下,html 全忘記了,屬性啥的他認識我,我不認識他,尷尬。。。

趕緊補咯~

不定期發布博文,最近有點忙,感謝老鐵理解,歡迎關注~

學習筆記 之 聊聊 HTML 那些標籤(四)

lz says 路漫漫其修遠兮,雖艱,還得行。啊啊啊 前幾章,簡單敘述了 html 相關簡述以及標籤內容,今天,繼續開搞。但願人長久,千里共嬋娟,奈何,奈何。1.iframe 內嵌標籤 iframe 常用於在乙個網頁內內嵌另乙個網頁,使用此,我們可以在乙個網頁中展示多個網頁 不過,文哥說貌似相容性會...

html的那些標籤

在這裡 我只給出一些我覺得不常用的 容易被人遺忘的標記元素 1 dl 定義列表,結合dt和dd使用,如 中國城市 北京上海 蘇州 2 blockquote和cite blockquote標記定義塊引用,之間的文字經常會在左右兩邊進行縮排 通常是增加外邊距 有時還會使用斜體,也就是說塊引用擁有他們自己...

HTML學習筆記 標籤

文件主體 至.表示不同大小的標題 注釋 段落 行數依賴於視窗大小 換行 可用在段落中 樣式 style 示例 style text align center background color yellow font family verdana color white font size 20px ...