html固定結構:
html標籤分類:其中「/」稱之為關閉符
html標籤關係:
用記事本來書寫開發效率很低,很容易忽視錯誤。實際工作中,為了效率,推薦使用subline工具。
生成html骨架快捷鍵:
輸入「html:5」,按下「tab」鍵。
輸入「!」,按下「tab」鍵。
雙十二馬上要來了!
預覽時,直接單擊滑鼠右鍵,在瀏覽器中開啟即可。
html標籤語義化就是白話,一眼看去,就知道那個是重點,結構是什麼,知道每塊的內容是幹什麼的。核心是在合適的地方給乙個合理的標籤,它遵循的原則是,先確定語義的html,再選合適的css。
html常用的標籤html的標籤有很多,正常學習時查詢手冊即可。
這裡首先介紹一下基本的排版標籤。
1、標題標籤
、、、、、
html有6個等級的標題,依次變小,可作為標題使用,並且依據重要性遞減。
2、段落標籤
文字內容
預設情況下,文字在乙個段落中會根據瀏覽器視窗大小自動換行。
3、水平線標籤
是乙個單標籤
就是一條線。
4、換行標籤
是乙個單標籤
就是強制換一行,直接按回車/空格是沒有效果的,區別於段落標籤的是行間距。
5、div和span標籤
div和span沒有語義,是我們網頁布局的兩個主要盒子,比如css+div。
: div一行只能有乙個
: span一行可有多個
6、文字格式化標籤
7、影象標籤
src是其中乙個屬性,表明影象的路徑。
alt是其中乙個屬性,是替換文字(提示文字),要是影象顯示不出來,可以以文字進行提示。
titile是其中乙個屬性,滑鼠放上去(懸停時)會有說明文字。
width/height是其中的屬性,表明影象的寬度和高度,正常改乙個值就可以了,自動等比縮放。
border是其中乙個屬性,可以給影象新增邊框。
8、鏈結標籤
這裡放文字或者影象
href是屬性,指定鏈結目標的url位址,外部鏈結http協議不能省略(例如要是鏈結已經有了,但是還不可以跳轉,那就以「#」代替。
target是屬性,指定鏈結頁面的開啟方式,其取值有self(預設 「_self」)和blank(新視窗開啟「_blank」)兩種。
9、錨點定位
通過定位(建立錨點)的方式,快速去往頁面某乙個位置(目標內容)。
分為兩步實現:
使用鏈結文字 建立鏈結文字
使用相應的id名標註跳轉目標的位置(使用id屬性 id="id名")
10、base標籤
是乙個單標籤
在head部分使用,比如頁面中有多個鏈結,可以設定整體鏈結的開啟狀態。
11、特殊字元標籤12、注釋標籤多寫注釋是非常好的寫**習慣,瀏覽器不會執行。
13、路徑介紹
在同一級路徑:直接輸入
在下一級路徑:需要經過相應資料夾,以「/」隔開
在上一級路徑:上一級需要輸入「../」
完整的路徑位址
這種方式基本不會用到。
14、列表標籤
容器裡面裝載著文字或者圖表的一種形式叫列表。
列表最大的特點是整齊有序。
分為以下三類:
,會自動帶有1、2、3、4...的順序,具體樣式也是在css裡面調整;
列表項1
列表項2
列表項3
...
名詞1名詞1解釋
名詞1解釋
...名詞2
名詞2解釋
名詞2解釋
...
溫故知新 ROWTYPE
rowtype 相當於資料庫表裡的一行資料記錄的變數型別。declare 定義乙個emp表裡的一行記錄的資料型別的變數 v emp emp rowtype begin 查詢的emp表裡的資料列必須與v emp的列順序以及個數保持一致 select empno,ename,job,mgr,hireda...
vue 溫故知新
v cloak指令 解決變數閃爍問題 v if isshow 是插入或刪除節點 v show isshow 是隱藏或顯示節點 v bind data m msg 或 data m msg 繫結屬性 v bind key v.id 繫結乙個資料唯一值,用於虛擬dom演算法,優化渲染效率 v on cl...
溫故知新系列
我從事windows phone開發一年多來,終日忙於開發應用,每每有所收穫也沒有時間思考總結。最近實習即將結束,同時也看清了真實的生活,痛定思痛,決定好好整理自己所學所得,同時也靜下心來好好學習一下一直欠缺的知識。溫故而知新,可以為師矣。此番總結,不求為師,但求能看清自己,共勉共勉。此溫故知新系列...