HTML和CSS網頁布局相關知識

2021-06-27 19:06:54 字數 1247 閱讀 4745

1.html主體結構

hello everyone!!!

title標記是瀏覽器上的標題顯示。

base標記一般用於設定瀏覽器中檔案的絕對路徑,然後在網頁檔案中只需要寫下檔案的相對位置即可,乙個html最多乙個base。

link是外鏈標記。

meta標記的用處比較多,提供文件的關鍵字,作者,描述,編碼和語言等多種資訊,可存在多個。

title和meta主要是方便與搜尋引擎打交道,提高網頁被搜尋引擎搜到的機率。

2.html字元實體

html本身語言所占用的字元的輸出需要其他的字串代替。

顯示結果

描述實體名稱

實體編號空格 

<

小於號<

<

>

大於>&和號

&&"引號

""'撇號 

' (ie不支援)'

3.html標籤屬性

屬性描述

id標籤編號

name

標籤名稱

class

標籤樣式的類選擇器

style

標籤樣式屬性

4.html格式標籤

標籤描述

換行換段落

居中

保留文字在原始碼格式

列表專案

無序列表

有序列表

水平分隔線

5.鏈結

6.**

table name

head

head

content

content

tr表示一行。

td和th 類似,th是首行,td是普通的表內容。

7.框架劃分

把乙個瀏覽器視窗劃分為多個小視窗,只需要把標籤替換為,然後通過的子標籤定義每乙個子視窗的頁面屬性。

類別一

類別

類別一

類別

manger

>

8.表單

網頁布局CSS技巧 Web設計必知

1 兩列布局 1.1 左列固定,右列自適應 left right 1.2 右列固定,左列自適應 left right 2 三列布局 2.1 左右寬度固定,中間自適應 left middle right 2.2 中間寬度固定,左右自適應 這個有點複雜,有必要先貼html left左列 right右列 ...

CSS 網頁布局

一些布局 行布局 多列布局 聖杯布局 雙飛翼布局 會使用到 html和css基礎 會使用div css進行排版 熟悉 float屬性 position屬性。1 經典的行布局 基礎的行布局 行布局自適應 行布局自適應限制最大寬 行布局垂直水平居中 container 水平與垂直居中 container...

CSS 網頁布局

頭部區域位於整個網頁的頂部,一般用於設定網頁的標題或者網頁的 logo 鏈結鏈結 鏈結 重置瀏覽器大小檢視效果。鏈結鏈結 鏈結學的不僅是技術,更學的不僅是技術,更是夢想!學的不僅是技術,更是夢想!學的不僅是技術,更是夢想!學的不僅是技術,更是學的不僅是技術,更是夢想 學的不僅是技術,更是夢想!學的不...