HTML學習筆記
GitHub項目鏈接:
點我跳轉GitHub
本博客采用markdown編寫，上面這個鏈接跳轉就是采用了html的<a></a>的代碼設計的跳轉提示~
1.創建文件可以使用 ! 在VSCode中進行快速補全從而生成一整個HTML結構
HTML組成
<!DOCTYPE = html><html><head><!-- 頭文件中的內容 --></head><body><!-- 主體中的內容 --></body>
</html>
2.使用!DOCTYPE = html代碼來告訴瀏覽器該文件是一個HTML5文件
DOCTYPE 是英文"document type"的縮寫，譯為"文件類型"
3.使用<title>標題內容</titile>來表示一個頁面標題
<>內容</> 右邊括號中的
/表示結束，夾在兩個括號中的字為標題的內容
4.使用<h1>文章標題</h>來表示一個一號文章標題，通過h后面的數字來控制標題的級別，h是***headtitle***的縮寫，譯為大字標題
這是h1
這是h2
這是h3
這是h4
這是h5
這是h6
5.使用<p>段落內容</p>來表示一個段落
6.使用<a href="" target="" ></a>來進行鏈接的跳轉
a是"anchor"的縮寫, 英文的意思是錨點
其中href為需要跳轉的鏈接
target為跳轉的表現形式，引號中的內容為具體參數
target='_blank'表示新建標簽頁跳轉
7.在6.的語法中，可以使用href="#"來表示一個空的鏈接，高亮、可點擊，但不會跳轉
8.圖片顯示方法
<img src="" alt=""width=""height=""
/>
其中
src中的參數為圖片的文件名(同一路徑)
alt=""中的內容是對圖片信息的描述，如果圖片無法正常顯示會返回引號中的描述，并且可以幫助盲人閱讀圖片
width表示圖片寬度像素尺寸
height表示圖片高度的像素尺寸
9.使用<b>加粗文字</b>和<strong>加粗文字</strong>都可以達到加粗文字的效果
其中
<strong></strong>是新版本HTML的寫法
10.使用<i>斜體文字</i>和<em>斜體文字</em>都可以達到傾斜字體的效果
同樣的，
<em></em>也是新版本HTML的寫法
11. <!-- 注釋的內容 --> 來表示一段注釋
)
)
)
