認真的F
@MajimeF
正在
Sun, Oct 24, 2021 8:25 AM
2021/10/24（日）
線上課程 網頁開發 學習進度 進度紀錄 60/554。複習日。
https://www.udemy.com/...
繼續來複習XD
認真的F
@MajimeF
Sun, Oct 24, 2021 8:25 AM
上一噗：
@MajimeF - 2021/10/21（四） #線上課程 #網頁開發 #學習進度 #進度紀錄 60/...
認真的F
@MajimeF
Sun, Oct 24, 2021 8:25 AM
此課程 書籤噗 ：
@MajimeF - #書籤噗 #線上課程學習紀錄 #網頁開發
認真的F
@MajimeF
Sun, Oct 24, 2021 8:26 AM
又不小心混過兩天（。
今天重啟複習。

發現有的東西看標題竟然想不起來是什麼…
不過看到的時候就想起來了XD
認真的F
@MajimeF
Sun, Oct 24, 2021 8:28 AM
block and inline
<div>、<br> and <hr>
都是有點關聯的。
認真的F
@MajimeF
Sun, Oct 24, 2021 8:29 AM
<div>
純容器。

主要把標籤框起來，這框本身就是一Block。
裡面的屬性不會改變，inline 依舊，但外框是 block。

CSS才會有比較多用途，這邊就單純先當作 block 容器。
認真的F
@MajimeF
Sun, Oct 24, 2021 8:30 AM
<br>
Break Line
熟悉的換行標籤。
想來這是我第一個學會的HTML碼。

因為古早時代的論壇…
要用這個換行XD
認真的F
@MajimeF
Sun, Oct 24, 2021 8:32 AM
Break Line 不知道為什麼不叫BL。
好像也沒有標籤叫<bl>
認真的F
@MajimeF
Sun, Oct 24, 2021 8:33 AM
<hr>
The Thematic Break（Horizontal Rule）
老師說與br是兄弟
這個倒是取首字，所以br到底XD

就是水平線。
很單純。
認真的F
@MajimeF
Sun, Oct 24, 2021 8:36 AM
MDN
<div>: The Content Division element - HTML: HyperTex...
<br>: The Line Break element - HTML: HyperText Marku...
<hr>: The Thematic Break (Horizontal Rule) element -...
認真的F
@MajimeF
Sun, Oct 24, 2021 2:47 PM
044. HTML Symbols and Entity
這是個愉快的單元w
其實就是字元符號，就…很多特殊符號XD

它們本身都是文字，不是圖片。
但有的看起來像小圖示這樣。

由於 HTML 處理文字比圖片簡單許多…
因此這類符號很好用。
認真的F
@MajimeF
Sun, Oct 24, 2021 2:48 PM
HTML Symbols
有很多符號的網站。
可以查詢並複製這些符號去貼在想要的地方。
認真的F
@MajimeF
Sun, Oct 24, 2021 2:52 PM
在「Encoding」找到「HTML Entity」…
把那串文字複製起來～

貼在想要呈現該符號的地方即可。
網頁會自動轉換。
認真的F
@MajimeF
Sun, Oct 24, 2021 2:54 PM
046. icon 設定
要放在 index.html 的<head>裡面。

<link rel="shortcut icon" href="圖片位址" />
<link rel="bookmark" href="圖片位址" />
認真的F
@MajimeF
Sun, Oct 24, 2021 2:56 PM
不過只有第一行也可以。
也有人問，老師說確實不打第二行也可以XD
可是沒解釋第二行的意思
認真的F
@MajimeF
Sun, Oct 24, 2021 3:11 PM
047. Self Closing Tag
自己把自己關起來，而沒有前後兩個框的。

例：
<img src="圖片網址" alt="註解" />
<br />
認真的F
@MajimeF
Sun, Oct 24, 2021 3:12 PM
而不是長這樣：
<img></img>
↑沒有這種寫法！！

前後都有框。
認真的F
@MajimeF
Sun, Oct 24, 2021 3:15 PM
如果寫成這樣<img>Hello</img>…

瀏覽器知道 img 是 self closing tag ，不該有後面的 closing tag 出現，後面的</img>就會被去掉…

中間的字 Hello 就會被當成隨便的字出現XD
認真的F
@MajimeF
Sun, Oct 24, 2021 3:17 PM
不過我倒是有印象很久以前的論壇有類似的框…
[img]圖片網址[/img]

不知道是我記錯還是真的有…
但那可能也不是HTML吧XD
認真的F
@MajimeF
Sun, Oct 24, 2021 3:19 PM
基本 HTML 至此結束～
認真的F
@MajimeF
Sun, Oct 24, 2021 3:20 PM
很多東西都第一次只有看過去而已XD
剛好後面的感覺就都比較單純…

這回複習才有實際操作看看。
認真的F
@MajimeF
Sun, Oct 24, 2021 3:21 PM
明天要來正式進入 CSS 單元！
認真的F
@MajimeF
Mon, Oct 25, 2021 3:19 PM
下一噗：
@MajimeF - 2021/10/25（一） #線上課程 #網頁開發 #學習進度 #進度紀錄 60/...
載入新的回覆