WEB學習筆記

2021-10-22 07:01:52 字數 1732 閱讀 1950

一.html的骨架結構

>

>

head

>

>

>

html

>

二.軟體快捷鍵的使用目前在使用的軟體:hbuilder和vs code

hbuilde

1.快速生成乙個注釋:ctrl+/

2.快速生成html5:html:5+tap

3.快速生成html4s:html:4s+tap

4.快速生成htmlxt:html:xt+tap

vs code

1.快速生成html5:!+shift

三.head的一些標籤

頭部下設定偏碼:

設定網頁的圖示:

3.1 rel 設定鏈結資源的型別

3.2 icon 載入的資源就是頁面

3.3 href 指向網頁資源

3.3.1 訪問網際網路資源

3.3.2 訪問本地資源(一般使用相對路徑)

設定關鍵字:

head下可用標籤

title meta link

style 書寫樣式

scrip 書寫js

base 載入其他資源

body的一些標籤

標題標籤:h1-h6(從小到大)是雙標籤、塊級標籤

私有屬性:align 標籤 在頁面中的位置

段落標籤:p 是雙標籤、塊級標籤(每一段和每一段之間換行並且有一定的間隔)

水平線標籤:hr 是單標籤、塊級標

屬性:width:設定水平線的寬度

align:設定位置

size:設定厚度(1-7 由細到粗)

color:設定顏色(支援英文單詞)

空標籤:span 是雙標籤、行級標籤

div 是雙標籤、塊級標籤

換行標籤:br 是單標籤、行級標籤

引入:

img:引入(是單標籤、行內塊標籤)

src:指向的位置(1.網際網路資源 2.本丟資源)

alt:的載入說明

屬性:width:設定寬度

height:設定高度

border:為設定乙個多少畫素的黑色邊框(預設值為0)

設定字型:font 是雙標籤、行級標籤

屬性:size:設定字型的大小(1-7 由小到大 預設3)

face:設定字型型別

color:設定顏色

設定文字:沒有私有屬性 是雙標籤、行級標籤

字型加粗: b strong

字型傾斜: i em

字型刪除線:s del

下劃線:u ins

標記標籤:mark

href 指向要定位的資源

功能:本地資源定位

網路資源定位

錨點資源定位(定位到當前頁面的某個位置):href #表示回到頂部 #標籤的id值表示到標籤的位置

實體標籤:用一些特定的符號表示html中指定內容

空格:  ;

小於號:

大於號:>;

金額: ¥;

版權: ©;

商標: ®;

表單:

Web前端學習筆記

學習用時 5小時 學習目標 零基礎學院 第二天 目標是否達成 已達成 答 html 指的是超文字標記語言 hyper text markup language html5是最新的html標準,擁有更豐富的語義 圖形以及多 元素等內容。答 在網際網路上有許多不同的文件,只有了解文件的型別,瀏覽器才能正...

Web技術學習 PHP學習筆記

出處 注釋 和 都是單行注釋 變數 php語言是大小寫敏感。變數使用 定義,傳引用定義使用 使用define定義常量。作用域 定義全域性變數 global variable php把所有的變數都放在了global 陣列裡,可以用global variable 訪問作用域以外的變數。靜態變數 保持其值...

學習筆記 四(web前端)

框架 在乙個視窗載入多個不同的餓頁面,分垂直框架和水平框架,body和frameset不能同時使用 src指向目標網頁,noresize說明裡面的頁面都是固定的,不能變 table 簡單好用,定義行 每個行裡面的列 width寬度 border邊框粗度 cellspacing間距 列表 a 無序 a...