前端 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 如果 很長可以一塊一塊的載入出來 一行 表頭...