HTML標籤與css樣式

2021-09-19 05:24:36 字數 1215 閱讀 2969

html是一種超文字標記語言,不是程式語言

超文字指頁面可以包括、鏈結、**、程式等非文字元素。

他的結構包括頭、主體、其中head部提供關於網頁的資訊,body部分提供網頁的具體內容。

標籤:標題標籤 

h 即 head 的簡寫

有像這種錯誤的標籤在展示時不起作用

(2)、段落標籤

p 即 paragraph 的簡寫

基本格式段落內容

段落中的文字內容超出瀏覽器寬度之後會執行自動換行

(3)、水平線標籤hr 即 horizontal 的縮寫

其作用是在頁面中插入一條水平線

基本格式這是乙個自閉合標籤。(普通標籤成對出現;自閉合標籤不需要包裹內容,自己就執行了開始和結束的操作)

(4)、容器標籤

和 div 即 division 的縮寫,分割、區分的意思

span 即 span ,跨度、範圍的意思

這倆本質上是乙個容器,類似於 android 中的viewgroup

基本格式這是div標籤中的內容

這是span標籤中的內容

**

和**div 即 division 的縮寫,分割、區分的意思

span 即 span ,跨度、範圍的意思

這倆本質上是乙個容器,類似於 android 中的viewgroup

基本格式這是div標籤中的內容

這是span標籤中的內容

標籤的屬性

基本格式:《標籤名 屬性1=」屬性值1「 屬性2=」屬性值2「>元素的水平浮動 left right

塊級元素 元素在浮動之後 會脫離文件流

要想水平浮動 浮動的子元素的總寬 小於父元素的寬

子元素在浮動之後會導致父元素不能撐開

css定位 相對定位(佔位置 相對於自己的位置在移動和分層)

絕對定位:不佔位置 靠瀏覽器移動 分層

固定定位 :不佔位置 固定在某乙個位置

元素在定位之後可以使用5個屬性

left 、 right、 top、 bottom、 z-index

/* 訪問之前*/

a:link

/*訪問過的偽類*/

a:visited

/*滑鼠懸停偽類*/

a:hover

/*滑鼠啟用偽類*/

a:active

php 去除html標籤 和 css樣式

content preg replace i content content preg replace a i content content preg replace i content content preg replace div i content content preg replace...

HTML與CSS的a標籤

a標籤 標籤定義超連結,用於從一張頁面鏈結到另一張頁面。元素最重要的屬性是 href 屬性,它指示要鏈結的目標位置,同時沒有href屬性a標籤內的內容與普通文字沒有區別,也就失去了超連結的功能。若是想要跳轉到當前頁面,那麼href的值為 被鏈結頁面通常顯示在當前瀏覽器視窗中,除非您規定了另乙個目標 ...

HTML 標籤文字樣式

標籤都可以用來改變文字的外觀,並為文字關聯其隱藏的含義。總地來說,這些標籤可以分成兩類 基於內容的樣式 content based style 和物理樣式 physical style 基於內容的樣式標籤會告訴瀏覽器它所包含的文字具有特定的含義 上下文或者用法。eg 在討論基於內容的樣式標籤時,我們...