前端 01 HTML初級入門

2022-09-10 12:27:15 字數 2472 閱讀 8477

通常在專案下建立乙個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 單元...