前端學習筆記 html 排版標籤

2021-09-25 12:14:13 字數 1080 閱讀 4283

首先 html和css是兩種完全不同的語言,我們學的是結構,就只寫html標籤,認識標籤就可以了。 不會再給結構標籤指定樣式了。

標題文字
排版標籤主要和css搭配使用,顯示網頁結構的標籤,是網頁布局最常用的標籤。

h1、h2、h3、h4、h5、h6

標題標籤語義:  作為標題使用,並且依據重要性遞減

其基本語法格式如下:

標題文字
注意: h1 標籤因為重要,盡量少用,不要動不動就向你扔了乙個h1。 一般h1 都是給logo使用,或者頁面中最重要標題資訊。

單詞縮寫: paragraph 段落 [ˈpærəgræf] 

在網頁中要把文字有條理地顯示出來,離不開段落標籤,就如同我們平常寫文章一樣,整個網頁也可以分為若干個段落,而段落的標籤就是

文字內容  

是html文件中最常見的標籤,預設情況下,文字在乙個段落中會根據瀏覽器視窗的大小自動換行。

單詞縮寫: horizontal 橫線 [ˌhɔrəˈzɑntl]

在網頁中常常看到一些水平線將段落與段落之間隔開,使得文件結構清晰,層次分明。這些水平線可以通過插入實現,也可以簡單地通過標籤來完成,就是建立橫跨網頁水平線的標籤。其基本語法格式如下:

在網頁中顯示預設樣式的水平線。

單詞縮寫: break 打斷 ,換行

在html中,乙個段落中的文字會從左到右依次排列,直到瀏覽器視窗的右端,然後自動換行。如果希望某段文字強制換行顯示,就需要使用換行標籤

這時如果還像在word中直接敲回車鍵換行就不起作用了

div span 是沒有語義的 是我們網頁布局主要的2個盒子 css+div

div 就是 division 的縮寫 分割, 分割槽的意思 其實有很多div 來組合網頁。

span, 跨度,跨距;範圍

語法格式:

這是頭部 

今日**

HTML排版標籤

排版標籤 p 段落標籤,把文字內容分段落顯示。支援巢狀。hr 水平線標籤,沒有主體內容,使用自閉合。水平線預設寬度是佔滿外層元素 屬性有 align 水平線所處的位置 相對位置 相對外層元素而說的 width 水平線的寬度 size 水平線的厚度 noshade 它是乙個內建屬性,既是屬性有表示值。...

HTMl排版標籤

首先我們要明確html和css是兩種不同的東西,這兩者是不一樣的,但他們都是被應用於前端開發的學習中最好分開去學,不然容易混亂。今天介紹html中的排版標籤 排版標籤主要和css搭配使用,是顯示網頁結構的標籤,是網頁布局最常用的標籤 單絲縮寫 head 頭部,此處要和title區分開 標籤分六級從他...

前端html學習筆記 列表標籤

是用來顯示資料的,列表是用來布局的 1.列表包括三大類 無序列表 有序列表 自定義列表 一.無序列表 無序列表的基本語法格式如下 中只能巢狀,不可以在標籤中插入其他標籤 之間相當於乙個容器,可以容納所有元素 二.有序列表 即為有排列順序的列表 有序列表的基本語法格式如下 標籤用於定義有序列表,列表排...