html 前端 總結 一

2022-04-20 18:16:17 字數 2464 閱讀 4296

前端 html 總結(一)

基礎部分:

計算機原理 a: 是由運算器 控制器 記憶體組成

儲存器包括記憶體、外村

外存 硬碟

記憶體 由外村調入到記憶體執行

輸入——記憶體——cpu 運算

cpu運算——記憶體——輸出裝置

程式是人為控制電腦,通過指令對電腦進行操作

html部分:

標籤標記

單標記<> 雙標記

注意:所有屬性必須有值

必須加雙引號

字型有分級區別

網頁組成:

結構與內容

head 中標明屬性

標籤的形成:

1.塊狀元素

特點:獨霸一行

可以設定寬高

預設請款高度和內容相等

寬度和瀏覽器同寬

2.行級元素

特點:同行顯示

標籤: 標題

內容標題大小

補充:html資料:長度值、絕對值、相對值

《標記名 屬性名=「屬性值」 屬性名2=「屬性值」>

4.塊狀元素標籤

5.行級元素

// 鏈結

將塊狀元素轉換成行級元素

設定表單的屬性

鏈結多行文字

6.表單的使用以及客戶的鏈結

表單的標記

表單描述

描述樣式表

type屬性問題:

密碼文字

多行文字

下拉列表

提交按鈕

普通按鈕

重置按鈕

雙選按鈕

文字檔案

隱藏注意:

提交的每項資料必須加name

如果輸入框中沒有name value 則資料不予提交

所有表單包括from 標記中提交的方式

提交方式

get 提交

post 提交

get 提交 :

1.不安全

2.提交資料有長度

3.255資料

post 提交:

隱秘字段 可以增加安全性

2.無長度限制

web 開發標準

1.標籤閉合

2.屬性必有值

3.標籤名 屬性用小寫

跨列/行

1.屬於表單結構

2.只能通過**屬性來實現

跨行標籤

/行/列

2.站內鏈結

3.郵件鏈結

二 css 部分

css 的優點

1.美化頁面

2.頁面布局

盒子模型

內容 :預設情況 為塊元素 可以通過轉換來改變

//格仔值

2.三種容器

1.id 選擇器

< div id="">

2.class 選擇器

其他選擇器

* 主要是解決相容問題

注:三種選擇器可以相互使用

層級選擇器

語法 選擇器1 選擇器 2

4.屬性問題:

文字屬性:

font_family 通用字型

line_height 行高

text_decoration 一般

5.背景屬性

background_color 背景顏色

background_img url 鏈結

座標系:

座標:background_repeat -x

座標css 模型 盒子組成

1.內填充 padding lelt-top-right-bottom -x

邊框border-widtth

2.外填充

margin _buttom 四個方向

結論:乙個盒子的實際寬度 =內容+外填充四個方向+內填充分四個方向

css布局:

1.預設文件流

2.浮動文件 float /方向

注意:1.元素浮動範圍在元素之內

2.會對元素之間產生影響

3.浮動元素對父元素與的寬高會產生影響

4.如果父元素一行存在多個元素浮動為父元素寬高

否則會出想布局錯亂

2.注意:

某些元素有預設的margin 和padding 用兩者置0

定位布局:

posttion :absolute (絕對)

relatire 相對

重新定位位置不釋放

絕對定位也是讓盒子漂浮原來的文件流

上 下 左 右

注意:以上這四個設定一定是設定了position 之後才能生效

總結:float 和 position 異同:

相同:都浮動、從預設文件脫離

float 是從父元素 的 left right 來參考定位

2.position 定位更加強大 left 0px; 直接定位

前端HTML5總結一

下面主要講a鏈結的幾個屬性 1.href 主要是規定鏈結指定的url 普通鏈結 鏈結 號碼 鏈結郵箱 2.target 鏈結的開啟方式 3.name 確定錨的名稱 跳到頁面的second節點 second位置 a標籤的多種狀態 注 如果這四項的書寫順序稍有差錯,鏈結的效果可能就沒有了,所依每次定義鏈...

前端 html基礎總結

自己購買的資料 固定模式 處理格式 段落,標題,換行,水平線,刪除線,強調,斜體,粗體,強調,下標,上標,小號字 這是乙個鏈結 屬性包括 class,id,title,style,name,center,font,bgcolor,backgroud,size,color 超 框架 表單知識點1 為排...

前端學習 HTML總結

在和標籤之間的文字內容是網頁的標題資訊,它會出現在瀏覽器的標題欄中。一級標題。n級標題。文章段落。需要強調的文字斜體。需要強調的文字粗體。加上雙引號,需要引用的短文本。blockquote 引用文字 長文字引用。分段 沒有排序的資訊 資訊資訊 table 如果 很長可以一塊一塊的載入出來 一行 表頭...