前端基礎HTML

2022-08-21 16:15:10 字數 2993 閱讀 6995

web的服務本質

瀏覽器傳送請求》http協議》服務端接受請求》服務端返回響應》服務端把html檔案內容發給瀏覽器》瀏覽器渲染頁面

html學什麼?

主要是學習標籤,記住常用的標籤

html常用標籤

head內常用標籤

>>>     定義網頁標題

>>>     定義內部樣式表

>>>    定義js**或引入外部js檔案

>>>     引入外部樣式表檔案(匯入css檔案)

>>>    定義網頁原資訊

meta標籤

meta標籤的組成:meta標籤共有兩個屬性,它們分別是http-equiv屬性和name 屬性,不同的屬性又有不同的引數值,這些不同的引數值就實現了不同的網頁功能.

body內常用標籤

基本標籤(塊級標籤和內聯標籤)

加粗斜體

下劃線刪除

段落標籤

標題4標題5

標題6

塊級標籤和行內標籤的區別:

所謂塊級,是以另起一行開始渲染的標籤,行內標籤則不需要另起一行。如果單獨在網頁中插入這兩個元素,

不會對頁面產生任何的影響。

注意:關於標籤巢狀:通常塊級標籤可以包含內聯標籤或某些塊級標籤,但內聯標籤不能包含塊級標籤,它只能包含其他內聯標籤。

p標籤不能包含塊級標籤。

div標籤和span標籤

img標籤

a標籤所謂的超連結是指從乙個網頁指向乙個目標的連線關係,這個目標可以是另乙個

網頁,也可以是相同網頁上的不同位置,開可以是乙個,乙個電子郵件位址,乙個檔案,甚至是乙個應用程式。

什麼是url?

url是統一資源定位器(uniform resource locator)的縮寫,也被稱為網頁位址,是英特網上標準的資源的位址。

url舉例

url位址由4部分組成

第1部分:為協議:http://、ftp://等

第3部分:為頁面在站點中的目錄:stu

第4部分:為頁面名稱,例如 index.html

各部分之間用「/」符號隔開。

點我
target:

列表1.無序列表

type屬性:

2.有序列表

第一項

第二項

type屬性:

3.標題列表

標題1

內容1標題2

內容1內容2

**注意**的結構:

序號

姓名愛好 1

曹操吃2劉備喝

屬性:form這個是重點

功能:

表單用於向伺服器傳輸資料,從而實現使用者與web伺服器的互動

表單能夠包含input系列標籤,比如文字字段、核取方塊、單選框、提交按鈕等等。

表單還可以包含textarea、select、fieldset和 label標籤。

表單屬性

屬性描述

accept-charset

規定在被提交表單中使用的字符集(預設:頁面字符集)。

action

規定向何處提交表單的位址(url)(提交頁面)。

autocomplete

規定瀏覽器應該自動完成表單(預設:開啟)。

enctype

規定被提交資料的編碼(預設:url-encoded)。

method

規定在提交表單時所用的 http 方法(預設:get)。

name

規定識別表單的名稱(對於 dom 使用:document.forms.name)。

novalidate

規定瀏覽器不驗證表單。

target

表單元素

基本概念:

html表單是html元素中較為複雜的部分,表單往往和指令碼、動態頁面、資料處理等功能相結合,因此它是製作動態**很重要的內容。

表單一般用來收集使用者的輸入資訊

表單工作原理:

訪問者在瀏覽有表單的網頁時,可填寫必需的資訊,然後按某個按鈕提交。這些資訊通過internet傳送到伺服器上。 

伺服器上專門的程式對這些資料進行處理,如果有錯誤會返回錯誤資訊,並要求糾正錯誤。當資料完整無誤後,伺服器反饋乙個輸入完成的資訊。

input

元素會根據不同的 type 屬性,變化為多種形態。

type屬性值

表現形式

對應**

text

單行輸入文字

password

密碼輸入框

date

日期輸入框

checkbox

核取方塊radio

單選框submit

提交按鈕

reset

重置按鈕

button

普通按鈕

hidden

隱藏輸入框

file

文字選擇框

屬性說明:

checked:radio和checkbox預設被選中的項

readonly:text和password設定唯讀

disabled:所有input均適用

select標籤

屬性說明:

label標籤

定義:標籤為 input 元素定義標註(標記)。

說明:label 元素不會向使用者呈現任何特殊效果。

標籤的 for 屬性值應當與相關元素的 id 屬性值相同。

textarea多行文字

屬性說明:

html 前端基礎

html是什麼?超文字標記語言 hypertext markup language,html 通過標籤語言來標記要顯示的網頁中的各個部分,一套規則,瀏覽器認識的規則。瀏覽器按順序渲染網頁檔案,然後根據標記符解釋和顯示內容,但需要注意的是,對於不同的瀏覽器,對同一標籤可能會有不完全相同的解釋 相容性 ...

前端 html基礎總結

自己購買的資料 固定模式 處理格式 段落,標題,換行,水平線,刪除線,強調,斜體,粗體,強調,下標,上標,小號字 這是乙個鏈結 屬性包括 class,id,title,style,name,center,font,bgcolor,backgroud,size,color 超 框架 表單知識點1 為排...

前端基礎之HTML

html 作為超文字標記語言主要是用來製作靜態頁面 html有標準 html4 標籤 原生標籤.標籤 橫線.結構標籤 字型標籤 使用 文字 標籤的屬性 標籤 屬性名 屬性值 屬性名 屬性值 段落標籤 p標籤 字型加粗標籤 b標籤 字型斜體標籤 i標籤 字型下劃線 u標籤 居中標籤 標籤 html的標...