黑馬程式設計師第一天

2020-10-14 12:01:28

黑馬程式設計師第一天


HTML簡介:超文字連線(超越了文字的限制;超級連結文字)
HTML常用標籤:
(1) 標題標籤; <hn> </hn>
(2)段落標籤; <p> </p>
(3)換行標籤; <br>
(4)文字格式化標籤:(語意:突出重要性);
(5)加粗; <strong> </strong>; <b> </b>
(6)傾斜; <em> </em>;<i></i>
(7)刪除線; <del></del>;<s></s>
(8)下劃線; <ins></ins>;<u></u>
(9)div和span:沒有語意,這隻市一個盒子,div是分割,分割區,一行只能有一個;span是跨距,跨度,一行可以有多個。
(10)影象標籤:它是一個單標籤,src是它的必須屬性,用於指定圖片。 <img src="影象url" />
屬性:
(1)alt:替換文字,影象顯示不出,用文字替換;
(2)title:提示文字,滑鼠放圖片上,提示文字;
(3)width:影象寬度;
(4)height:圖片高度;(高和寬可以等比縮化)
(5)border:影象邊框。
路徑:
(1)根目錄:開啟目錄資料夾的第一層就是根目錄
(2)相對路徑:圖片相對於html頁面的位置,分為同一級路徑(./),下一級路徑(/)和上一級路徑(…/)。
超連結標籤外部跳轉:
(1)a 定義超連結,實現頁面跳轉,
(2)href 用於指定連結目標的url地址,
(3)target 用於指定連線的開啟方式:_self當前視窗開啟;_blank新視窗開啟 <a href="http://www.baidu.com"></a>
超連結標籤內部跳轉:
(1)a 定義超連結,實現頁面跳轉,
(2)href 用於指定連結目標的url地址,
(3)直接輸入連結頁面名稱, <a href="連結頁面名稱"></a>
空連結:
(1) <a href="#"></a>
下載連結:
(1)href=「.exe或.zip檔案」會直接下載這個檔案
錨點連結:
(1)點選連結,快速到頁面中的某個位置
(2)設定屬性值為(#名字)
(3)目標位置(id=名字)
快捷鍵:
(1)ctrl+/ :加註釋;ctrl+z:復原;
特殊字元
(1)空格:&nbsp
(2)大於號:&gt
(3)小於號:&lt
心得體會:
經過一天的學習,我學會了以上的諸多知識,讓我受益匪淺。同時跟著老師做了很多的練習,讓我對這些字元,程式碼有了更加清晰的認識。希望以後每天都能有很大的收穫。