java學習之路——第二十六天
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個 比例不對 可能圖片會失真。
設定一個 另外一個會自動的等比例縮放。