一.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...