BasicWeb

基礎知識:

         HTML

         CSS

         JavaScript

前端基本框架:

         JQuery

         LayUI

         BootStrap

 

1.HTML:超文字標記語言

         出現的初衷是用來寫畢業論文的,所以你發現他有很多東西都是為文件準備的,類似word,他可以讓論文在網際網路通過瀏覽器訪問,隨著更新換代,慢慢的html有了更多的功能。

         整個內容都是通過標籤來進行維護的,需要注意的是我們的瀏覽器有很強的自我修復功能,很多情況下你程式碼寫錯,展示頁是對的,所以需要自己編寫正確,不要指望瀏覽器給你修復。

 

2、如何開發一個HTML網頁

         一個完整的HTML頁面需要有以下幾個部分組成

         <html></html>   一個.html檔案中只能有一個,代表網頁的根標籤

         <html>

                   <!--head 是網頁的頭資訊,這裡是設定網頁的屬性的-->

                   <head></head>

                   <!--body 是網頁的主題內容,設定網頁內容的-->

                   <body></body>

         </html>

   <!DOCTYPE html> 這個是現在流行的html5 的版本號。

指定瀏覽器按照什麼樣的html語法版本來解析我們這個.html 檔案,如果不指定的版本,瀏覽器會啟動相容模式,可能會出現一些問題。最好加上版本,告知瀏覽器以什麼版本來解析網頁。

 

3.超連結

         a.基本使用

                   <a href = “連線過去的地址”>超連結的描述資訊</a>

                   <a href= “http://www.baidu.com”>百度</a>

         b.超連結的屬性

                   target

                            _self  預設的

                                     在當前的選項卡中開啟連線地址

                            _black

                                     在新的選項卡中開啟連線地址

         c.使用圖片作為超連結

                   <img/>

                   圖片的標籤

                            src    圖片的地址

                            width  圖片的寬度

                            height  圖片的高度

                            alt     圖片顯示錯誤時的提示文字

         width和height一般只設置一個,如果設定2個   比例不對  可能圖片會失真。

設定一個  另外一個會自動的等比例縮放。