關於 HTML 跟 CSS 的幾個問題請教

以下是我寫的第一課作業
https://jsfiddle.net/hvoxyecL/1/

原文章網址在此:
https://theinitium.com/article/20160816-culture-column-chanchiwa/

有幾個問題想請教:
1. 關於一開始的<!DOCTYPE html>與<html>,
我打了code之後出現以下畫面!
http://imgur.com/a/ICFS8
想請問是這兩個只要選擇打一個就可以的意思嗎?

2. 在HTML Headings的教學章節中提到一段話:
Note: Use HTML headings for headings only. Don't use headings to make text BIG or bold.
若是真的貪圖方便,用heading的方式讓字變粗體或加大,會有什麼影響嗎?
(有試過,但資質駑鈍看不太出來差別冏)

3. 在原文網址中的圖片大小,剛好跟文章很搭(就是縮得剛剛好),
但實際操作,若直接放圖片網址的話,圖會變成原始大小,
所以我用width修改大小,但有點好奇,
那個網站的設計者是如何調整圖片大小的呢?
看了網頁原始檔好像沒有用到width,所以想請教一下!

html
css
發問時間:2016-08-20 11:43
阿川先生
54

此問題由我Email轉錄至此。得到回答後將轉貼給原發問者 – 阿川先生 11:43
新增推文
發問注意事項
  • 一次問一個問題。多個問題請分多次發問
  • 請盡量清楚描述您的問題
  • 請描述您做過哪些嘗試、試過哪些方法
  • 請盡可能地提供細節,幫回答者節省時間

1 個回答

0
問題一:

其實是因為jsfiddle已經預設那塊就是html內容了,所以建議你不用把html tag打出來

正式開發的時候,是可以都打的

問題二:

其實也還好,也是OK。不過如果有跟同事一起改同一份code,他會覺得原始碼很難讀:「為什麼突然有不像標題的東西被用標題的tag標起來」

問題三:

利用瀏覽器的「開發人員工具」檢查(Chrome的話就是在圖片上按右鍵 -> 檢查)

會看到CSS有寫出這行

.article-content .image img {
    width: 100%;
}

所以他其實是寫在CSS裡面

回答時間:2016-08-20 12:07
阿川先生
54

新增推文