Ray 貓@ray-realms
第一部分：傳統前端大解密 HTML
我將攜手帶你踏入這個網頁開發的殿堂世界 從零開始，一步一步解密網頁開發的三大基石：HTML 和 CSS、JavaScript。 從最基本的概念開始，一步一步擴展視野 暸解什麼是前端、後端 暸解如何寫出一個專屬於自己的個人網頁 這是網頁開發的第一步，無論您是初學者還是有一定基礎的開發者，都能從中受益。 這個是本系列的第一篇章 HTML
我將攜手帶你踏入這個網頁開發的殿堂世界 從零開始，一步一步解密網頁開發的三大基石：HTML 和 CSS、JavaScript。 從最基本的概念開始，一步一步擴展視野 暸解什麼是前端、後端 暸解如何寫出一個專屬於自己的個人網頁 這是網頁開發的第一步，無論您是初學者還是有一定基礎的開發者，都能從中受益。 這個是本系列的第一篇章 HTML
1<h1>超大標題字</h1>
2<h2>大標題字</h2>
3<h3>普通標題字</h3>
4<h4>小標題字</h4>
5<h5>更小標題字</h5>
6<h6>超級小標題字</h6>
1<p>段落，會直接開始於新的一行。通常是用來放一段文字</p>
1<p>段落，會直接開始於新的一行。通常是用來放一段文字</p>
2<p>段落內有很多空白，也只會被視為一個空白的，你必須透過關鍵字 才能放置多個空白</p>
1<p>段落，會直接開始於新的一行。通常是用來放一段文字</p>
2<p>段落內有很多空白，也只會被視為一個空白的，你必須透過關鍵字 才能放置多個空白</p>
3<p>
4 換行在段落中是沒有用的，你可以透過 br 標籤<br/>
5 來創建換行，<br/
6 >因為功能單純，可以將開始標籤與結束標籤省略為同個東西
7</p>
1<em>可愛的貓貓</em>
1<strong>
2 <em>可愛的貓貓</em>
3</strong>
1<del>
2 <strong>
3 <em>可愛的貓貓</em>
4 </strong>
5</del>
1<img
2 src="https://ray-realms-blog.zeabur.app/api/object/1718132244050-eq5mnk.jpg"
3/>
1<img
2 src="https://ray-realms-blog.zeabur.app/api/object/1718132244050-eq5mnk.jpg"
3 width="300px"
4 height="600px"
5/>
1<img
2 src="https://ray-realms-blog.zeabur.app/api/object/1718132244050-eq5mnk.jpg"
3 width="300px"
4 height="600px"
5 alt="描述圖片的替代文字"
6/>
1<a href="https://ray-realms.com/">這是一個點了會挑轉到 Ray 個人網站的連結</a>
1<div>
2 <h3>區塊一標題</h3>
3 <p>區塊通常是方便美術排版的</p>
4</div>
5
6<div>
7 <h3>區塊二標題</h3>
8 <p>區塊通常是方便程式碼的分類</p>
9</div>
1<h3> 這是一個被無視的故事</h3>
2<!-- 我被無視了 QAQ -->
3<p>
4 任何放在註解中的文字，都不會顯示在網頁上<br>
5 註解只是給開發者看的文字
6</p>
嘗試運用標題字、段落、粗體字或其他格式
來撰寫一小段文字
（以下是範本，想不到寫什麼可以照抄）
從前有一隻貓貓，他叫燒賣
他住在北科旁邊的公園旁邊，大家有空要去看看他喔！
1<h1>
2 這是一個貓貓的故事
3</h1>
1<h1>
2 這是一個貓貓的故事
3</h1>
4
5<p>
6 從前有一隻貓貓，他叫<strong>燒賣</strong><br/>
7 他住在北科旁邊的公園旁邊，<em>大家有空要去看看他喔！</em>
8</p>