前端開發 html

2022-02-16 15:49:39 字數 1977 閱讀 9912

前端必學的:

html 文字

css 裝飾

js動態效果

http協議:

超文字傳輸協議 用來規定服務端和瀏覽器之間資料互動的格式

**四大特性:**

1.基於請求響應

2.基於tcp/ip作用於應用層之上的協議

3.無狀態

不儲存使用者的資訊

4.無/短連線

請求一次響應一次,

**請求資料格式:**

請求首行 標示http協議版本,請求方式

請求頭 k,v鍵值對

請求體 存放的是提交的敏感資料

多行注釋:

由於html**非常的雜亂,所以用注釋來劃定區域方便查詢,比如:

**html的文件結構:**

head:內的標籤定義了一些配置是給瀏覽器看的

body:內的標籤通過瀏覽器渲染給使用者看的

ps:檔案的字尾名是給使用者看到的,對應不同的字尾名有不同的軟體來處理並新增很多功能

ps:**是沒有格式的,可以全部寫在一行都沒有問題,只不過我們習慣了縮進來表示**

**開啟html檔案兩種的方式:**

1.找到檔案位置右鍵選擇瀏覽器開啟

2.在pycharm,直接點選即可(開啟html檔案右上角有提示)

**標籤的分類1**

1.雙標籤

2.單標籤《自閉和標籤》

head內的常用標籤:

1.:網頁標題

2.:內部用來書寫css**

3.:內部用來書寫js**還可以引入外部js檔案

4.可以引入外部css檔案

網頁的描述性資訊

body內的常用標籤:

標題標籤 1~6級標題加粗斜體

下劃線刪除線

段落換行

水平分割線

**標籤的分類2**

1.塊級標籤:獨佔一行

div2.行內標籤:自身文字多大就佔多大

span

特殊符號

常用標籤

img標籤

a標籤標籤兩個重要書寫

列表標籤

**標籤:

username

pwdhobbies

jason

123read

egon

123sleep

表單標籤:form標籤內的資料會被提交到後端

action:控制資料提交的路徑

1.不寫

預設給當前頁面url提交資料

2.寫全路徑

如: 3.寫路徑字尾acction='/index/'

自動識別當前的ip和port拼接,如:127.0.0.1:8080/index

1.把input寫在label內

2.通過id鏈結,無需巢狀

ps:label和input都是行內標籤

input標籤:text:普通文字

password:密文

date:日期

submit:觸發form**提交資料

button:普通按鈕,相當於白紙,學js之後可以給它定義功能

reset:重置內容

radio:單選

預設選中加checked='checked'

file:獲取檔案,可以獲取多個

hidden:隱藏input框

釣魚**

select標籤:

預設單選,加multiple引數變多選,預設選中selected

textarea標籤:獲取大段文字

能夠觸發form表單提交資料的按鈕:

1.2.點我

能夠獲取使用者輸入的標籤,都應該有name屬性:

如:男女

其他​

詳細參考jason部落格

HTML前端開發

文章中的 將會用引號代替 文件型別 doctype 這是為了讓瀏覽器知道我們使用的html版本,一般會在網頁的最上端新增乙個doctype宣告,告訴瀏覽器網頁的版本 html5 doctype html doctype大小寫均可 如果不寫文件宣告,則會導致有些瀏覽器進入怪異模式 quirks mod...

前端開發 HTML元素

html元素 開始標籤常被稱為起始標籤 opening tag 結束標籤常稱為閉合標籤 closing tag html 元素語法 巢狀的html元素 html 文件由巢狀的 html 元素構成。這是第乙個段落。以上例項包含了三個 html 元素。元素 這是第乙個段落。這個 元素定義了 html 文...

基礎Html前端title開發記錄

前端確實是短板,不過功夫不負有心人,只要肯學習,一定能掌握。下面是基本的html css配置要點,記錄一下 1 去掉干擾因素 在 中處理,避免後面遇到很多意向不到的相容問題 2 對於螢幕中的每乙個不同的區域都設定為乙個div,大塊包小塊 3 margin中的auto能夠快速水平居中,但需注意不要跟浮...