不了解前端的ui不是好美工，以下是慕課網html+css基礎教程學習筆記，不廢話，start!2-1 語義化
語義化，讓你的網頁更好的被搜尋引擎理解。標籤的用途：我們學習網頁製作時，常常會聽到乙個詞，語義化。那麼什麼叫做語義化呢，說的通俗點就是：明白每個標籤的用途（在什麼情況下使用此標籤合理）比如，網頁上的文章的標題就可以用標題標籤，網頁上的各個欄目的欄目名稱也可以使用標題標籤。文章中內容的段落就得放在段落標籤中，在文章中有想強調的文字，就可以使用 em 標籤表示強調等等。
語義化的好處：
更容易被搜尋引擎收錄；
更容易讓螢幕閱讀器讀出內容；
2-2 body標籤
在網頁上要展示出來的內容，一定要放在body標籤中
網頁展示內容
複製**
語法： 段落文字
我的第乙個段落。
我的第二個段落。
複製**
標題標籤一共6個，分別是h1，h2，h3，h4，h5，h6
四級標題
五級標題
六級標題
四級標題
五級標題
六級標題
複製**
國內推薦使用strong標籤語法：
需要強調的文字（斜體）（em=emphasize強調）
需要強調的文字（加粗）
2-6 使用span標籤為文字設定單獨樣式
語法：
文字
標籤是沒有語義的，他的作用就是為了設定單獨的樣式。
這是一段示例文字。
複製**
2023年5月2日星期一，這一天，是這位百歲老人阿朗.卡爾松的百歲生日，大家要為這個百歲老人舉辦乙個大party，市長會親自來參加，還有全體工作人員，但唯一不打算出現的，是主角本人。這老頭從養老院的窗戶裡爬出來，身著棕色的外套，棕色的褲子，和棕色的尿點拖鞋，揣著幾百塊錢，消失了……語法：文字
解釋：quote
tips：標籤的目的是表達語義，而不是簡單的加引號。
語法：
引用文字
2023年5月2日星期一，這一天，是這位百歲老人阿朗.卡爾松的百歲生日，大家要為這個百歲老人舉辦乙個大party，市長會親自來參加，還有全體工作人員，但唯一不打算出現的，是主角本人。
這老頭從養老院的窗戶裡爬出來，身著棕色的外套，棕色的褲子，和棕色的尿點拖鞋，揣著幾百塊錢，消失了……
2023年5月2日星期一，這一天，是這位百歲老人阿朗.卡爾松的百歲生日，大家要為這個百歲老人舉辦乙個大party，市長會親自來參加，還有全體工作人員，但唯一不打算出現的，是主角本人。這老頭從養老院的窗戶裡爬出來，身著棕色的外套，棕色的褲子，和棕色的尿點拖鞋，揣著幾百塊錢，消失了……
複製**
2-10 新增空格語法：
文字
文字
文字
標籤相當於word文件裡的回車
解釋：
line break
2023年5月2日 星期一語法：
解釋：
non-breaking space
2-11 hr水平橫線標籤
2-12 address標籤，為網頁加入位址資訊語法：
解釋：
horizontal rule
2-13 加入一行** 用code標籤語法：
聯絡位址資訊
在瀏覽器上顯示的樣式為斜體
2-14 使用pre標籤，為網頁加入大段**語法：
**語言
注：
如果是多行**，使用標籤
例：語法：
標籤的主要作用:
預格式化的文字。被包圍在 pre 元素中的文字通常會保留空格和換行符。
解釋：
predefined 預定義
var message="歡迎";for(var i=1;i<=10;i++)
如果用老方法回車需要輸入，空格需要輸入
標籤不僅僅用於**展示，其他需要的情況下，也可以使用
設計師學習HTML CSS之路 03
不了解前端的ui不是好美工，以下是慕課網html css基礎教程學習筆記，不廢話，start 3 1 ul無序列表標籤語法 解釋 unordered list 無序列表 3 2 ol有序列表標籤語法 列表 列表 解釋 ordered list有序列表 列表 列表 3 3 div在排版中的作用語法 標...
設計師學習HTML CSS之路 04
不了解前端的ui不是好美工，以下是慕課網html css基礎教程學習筆記，不廢話，start 4 1 使用a標籤，鏈結到另乙個頁面語法 title的目的不僅僅是劃過顯示的文字，他還有的作用是語義化 點我試試 title p2g作品集 點我試試 複製 4 2 在新建瀏覽器視窗中開啟鏈結 a標籤預設是上...
設計師學習HTML CSS之路 06
不了解前端的ui不是好美工，以下是慕課網html css基礎教程學習筆記，不廢話，start 6 1 認識css樣式 css全稱 cascading style sheets疊層樣式表 主要用於定義html內容在瀏覽器內的顯示樣式，如文字大小 顏色 字型加粗等。如下列 p 複製 6 2 css樣式的...