目錄:介紹
html整體架構
標籤http的兩種常見方式
編寫html**:
執行方式:
pycharm開啟網頁
本地找到網頁, 開啟即可看到效果
真實的內容
直譯器 html5
直譯器: html4
head中的標籤:
meta描述網頁元資訊:
: 字元編碼
seo:
title
欠欠
回到目錄
分類:
單閉合標籤(自閉和標籤):
雙閉和標籤:
title
字型以及排版標籤:
: 段落標籤
: 換行標籤
: 華麗麗的分割線
h1 , h2, h3,...h6 : 變大 變粗
來表示空格
無序列表:
# type屬性:disc(實心圓點)(預設)、circle(空心圓圈)、square(實心方塊)
有序列表:
# type編號型別,預設為整數。可選(1、a、a、ⅰ、i)
123內容
456789
回到目錄
跳到aaa
href: 要跳轉的資源位址
target: _blank : 新開乙個頁面跳轉
target: _self : 在當前視窗中開啟目標網頁
示例:
相對路徑:登入頁面
絕對路徑:國內新聞
給我發郵件
div和span元素:
塊級標籤: 是要獨佔一行
div, p, h1---h6, ul ol
行內標籤: 佔自己內容的寬度
span, a, img
回到目錄
img標籤:
含義src
影象url
規定影象的url
alt字串
規定影象的替代文字
width
px / %
規定影象的寬
height
px / %
規定影象的高
border
px影象的邊框粗細
示例:
id
名稱年齡 1
zekai
18 2
zekai2
18 3
zekai3
18
**成品:
id名稱年齡1
zekai182
zekai2183
zekai318
**標籤屬性:
tr: 一行資料
td: 具體的單元格資料內容
th: 將表頭的內容加粗
border: **加邊框
width: **的寬度
height: 高度
align: center left right
回到目錄
form表單的結構:
表單屬性:屬性
值含義action
url指定乙個表單處理目標url,表單資料將被提交到該url位址的處理程式。如果該屬性值為空,則提交到文件自身。該屬性值可以為絕對位址、相對位址、文件片段,甚至是指令碼**
enctype
http的兩種常見方式
get / post
get方式:
請求頭:
post方式:
請求頭:
請求體:
username=zekai&pwd=123qwe
常見的input標籤:
text 單行文字輸入框 屬性:
value: 預設值
placeholder : html5 的規則 提示語句
password 密碼輸入框 checkbox 核取方塊 預設選中的屬性:
checkbox / radio:
checked
radio 單選框 submit 提交按鈕 reset 重置按鈕 button 普通按鈕 hidden 隱藏按鈕 file 文字選擇框
select下拉列表示例:
預設選中的屬性:
select:
selected
textarea多行文字框示例:
屬性:
屬性屬性值
說明name
name
控制項名稱
rows
number
設定多行文字框的顯示行數(高度)
cols
number
設定多行文字框的顯示列數(寬度)
disabled
disabled
布林屬性,設定當前文字框為禁用狀態
回到目錄
前端面試 前端基礎面1
1.網路七層模型 2.tcp udp 區別,tcp怎麼實現可靠傳輸 4.死鎖 5.http https1.span的padding margin 2.垂直居中方法 不僅限於flex 1.陣列reduce和map 2.解決0.1 0.2不準確的問題 3.判斷單項鍊表是否有環 參考自 現代作業系統 1....
前端基礎 js1
break 直接跳出當前迴圈或者乙個switch語句。如果你的迴圈是巢狀的,需要逐步使用break跳出。for var b 1 b 20 b document.writeln b 輸出1 11 以上 在b 12的時候就結束循壞。continue 終止當前的一次迴圈過程,不跳出迴圈,繼續往下判斷循壞條...
前端加油鴨! FCC CSS基礎(1)
元素選擇器 在css中建立乙個style元素,在這個style元素內,可以為所有的h2元素建立乙個元素選擇器。如下,將所有的h2元素設定為紅色 一定要在屬性值的後面加上分號 類選擇器 宣告乙個類選擇器,名為blue text 將該類選擇器應用於html的元素中 在css中,類選擇器應該新增.為字首 ...