通常在專案下建立乙個resource檔案加,下設video, audio,image資料夾存放資源
w3c標準:
結構化標準語言(html,xml)
表現標準語言(css)
行為標準(dom, ecmascript(js))
開放標籤:頭標籤
閉合標籤:尾標籤
子閉合標籤:不成對出現的
body中:
粗體:斜體:
特殊符號語法: & 代表字母 ;
普通方式,多個空格只顯示乙個,
要新增多個空格進去:
大於,小於號: > <
行內元素和塊元素:
行內元素:不會自己換行, em, strong等
塊元素:p,h標籤的元素,可以自己換行
列表:
**:基本
資料
跨行,跨列
資料
資料
**元素
元素名描述
header
body中的頭部
footer
body中的腳部
section
web頁面中獨立的一塊
article
獨立的文章內容
aside
側邊欄n**
導航類輔助內容
在網頁的一部分顯示別的網頁
當src有**時,直接開啟**
get:效率高,不安全,url可以看到提交的內容
post:效率低,url不可見,相對安全,可以傳輸大檔案
檢視post包的方法:審查元素--> network--> headers,找到form data檢視
input標籤的屬性:
屬性說明
type
指定元素型別:text,password,sublit,reset,checkbox,radio,button,hidden,file,image
name
指定元素的名稱,後台通過名稱獲取內容
value
初始值,radio(多選框必須有初始值)
size
表示為初始寬度,text和password以字元為單位,其他以畫素為單位
maxlength
可輸入的最大字元數
checked
radio和checkbox中,指定是否被選中
radio單選框(name表示乙個組,名字相同為同乙個組)
性別mf
checkbox(checked表示預設值)
愛好1
愛好2愛好3
愛好4
button
下拉列表:
select元素,裡面用option定義,selected表示預設值
下拉列表:
中國美國英國
日本
文字框:
cols和rows來定義文字框大小
文字框:
檔案上傳:
簡單檢查(點選submit之後,檢查是否合格),email,還有 type = "url"
輸入email:
type="number":顯示乙個數字框,有上下小按鈕
type= "search":搜尋框,有個小叉
type="range":滑塊,可以用來設定音量
三個屬性:唯讀,禁用,隱藏(通常和value預設值一起使用)
readonlydisabledhidden, 直接新增到表單屬性中
實現點選前面的文字就啟用後面文字框中的輸入符號
label標籤包裹前面的文字,for指向標籤,input框中寫上id,
輸入框
placeholder(提示輸入)
required(非空判斷,帶星號必填)
使用者名稱*:
pattern(正規表示式判斷)pattern屬性,後面新增正規表示式 前端01 HTML簡單簡紹
目錄import socket conn.close 瀏覽器發請求 http協議 服務端接收請求 服務端返回響應 服務端把html檔案內容發給瀏覽器 瀏覽器渲染頁面1.超文字標記語言 hypertext markup language,html 是一種用於建立網頁的標記語言。2.本質上是瀏覽器可識別...
前端 01html基礎知識1
ctrl c 複製ctrl v 貼上ctrl x 剪下ctrl a 全選ctrl s 儲存ctrl z 撤銷win d 返回桌面 win e 開啟我的電腦 win r 開啟執行 alt tab 切換軟體 ctrl tab 軟體文件之間的切換 瀏覽器頁面之間切換 f2重新命名 f5重新整理 html ...
前端 01html基礎知識2
回顧html基礎過度型和嚴格型 html xt tab鍵生成html過度型結構 xhtml html xs tab鍵生成html嚴格型結構 tab 生成html5標籤結構,如下 charset utf 8 通用字符集編碼 屬性 boder 邊框 width height cellspacing 單元...