html css js入門 2 HTML的文字標記

2021-10-02 02:50:09 字數 1189 閱讀 7770

文字標記的作用

. 文字是網頁上的基本成分

. 直接書寫在文字會用瀏覽器預設的樣式顯示

. 包含在標記中的文字則會被顯示為標記所擁有的樣式

-- 特殊字元

-- 注釋

-- 標題元素

-- 段落元素

-- 換行元素

-- 分割槽元素

文字與特殊字元

. 空格摺疊

-- 多個空格或製表符壓縮成單個空格,即只顯示乙個空格

.  特殊字元(如空格),可以用轉義字元,也稱為字元實體

頁面顯示如下:

the element.    2011 by tarena.

標題元素 

. 標題元素讓文字以醒目的方式顯示,往往用於文章的標題

. 基本語法: ...

-- #=1,2,3,4,5,6

-- 從

段落元素

.  元素提供了結構化文字的一種方式

.  元素中的文字會用單獨的段落顯示

-- 與前後的文字都換行分開

-- 新增一段格外的垂直空白距離,作為段落間距

-- 常用屬性: align

例如:the first paragraph.

the second paragraph.

頁面顯示:

the first paragraph.

the second paragraph.

換行元素

.使用元素在任何地方建立手工換行

-- 空標記

例如:this is a

paragraph.

頁面顯示:

this is a

paragraph.

分割槽元素 和

. 分割槽元素用於為元素分組,常用於頁面布局

. 塊分割槽元素 :

. 行內分割槽元素:

--  設定同一行文字內的不同格式

first

second

一周暢銷榜

行內元素與塊級元素

. 塊級元素

-- 預設情況下,塊級元素會獨佔一行,即元素前後都會自動換行

-- 如: 、、

. 行內元素

-- 出現在句子中,不會換行

-- 如:、

文字標記

1、 建立 html 文件

2、 使用文字標記為頁面新增內容

Html css js知識整理(2)

01 浮動 第乙個值 上下外邊距 第二個值 左右外邊距 塊級元素居中 左右外邊距auto 浮動實現的效果 水平對齊。脫離標準流,變成行內塊 可以在一行排列,給寬高有效 左浮動或者右浮動 一定要設定寬度,才能水平居中 con 03 浮動之後的問題 標籤如果不設定高度,高度由內容決定 子級標籤浮動,父級...

html css js入門 9 CSS樣式

css 樣式 css 單位 尺寸 百分比 in 英吋 cm 厘公尺 mm 公釐 pt 磅 1pt等於1 72英吋 px 畫素 計算機螢幕上的乙個點 em 1em等於當前的字型尺寸,2em等於當前字型尺寸的兩倍 css 單位 顏色 rgb x,x,x rgb值,如 rgb 255,0,0 rgb x ...

html css js系列之三 css的入門

參考 韓順平 輕鬆搞定網頁設計 1.在沒有css之前,先看乙個效果圖 背後的css1.html是這樣實現的 欄目一欄目二 欄目三欄目四 欄目五所有的樣式都寫在html頁面中,看起來比較囉嗦,不利索。2.為html新增css 效果圖 test.html 梁山英雄排行榜 宋江盧員外 吳用豹子頭 大刀關勝...