1. 程式人生 > >[前端入門]

[前端入門]

lan 結構 class 重要 手動 邊距 odin 圖片 http

取消mysql自啟動: 自動改為手動,只不過需要自己開了qwq

技術分享圖片

下面來源於: 騰訊課堂 (我開始學習和寫博客真不容易qwq)

一、html部分知識

首先<img>元素沒有閉合標簽,這點一定要記得。

除此之外,<img>元素還有幾個重要屬性如下:

  • src:必備屬性,表示圖片地址
  • alt:必備屬性,如果圖片加載失敗將會顯示該內容
  • width:可選屬性,用於設置圖片的寬度,如width="400"
  • height:可選屬性,跟width類似,用於設置圖片的高度,如height="300"

然後在實際頁面中,有些圖片還是個鏈接,點擊圖片會跳轉到其他頁面,那究竟是怎麽回事呢?

其實無非是把圖片放在了<a>

元素裏面當做了內容,如下代碼,即可產生一個圖片鏈接:

<a href=“https://www.lagou.com/jobs/1715898.html” target=“_blank”>
    <img src=“http://coding.imweb.io/img/p1/img-2.png” alt=“imweb 前端招聘了”>
</a>

二、css入門

啊,我忽然意識到我現在是jsp不是html了。。。感覺這裏其實沒講啥。

一個是 可以用 h1{color:red; font-size:20px}

還有一個就是盒子模型,其實這個框框是套在盒子裏的嗯,結構有個圖:

margin外邊距,padding內邊距,裏面是內容區域。

技術分享圖片

 

[前端入門]