在MVC架構中會使用到HTML的場合是在View的構建上,在前些篇章中有提到View是給使用者操作的介面,因此會需要有實際的功能以及畫面的渲染,在前端當中其實擁有許多技術,但本篇當中並不會對於畫面如何渲染有過多的篇幅。
HTML常見的架構
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
以上是常見的html的網頁架構,主要的程式碼會釋放在body的地方。
常用的HTML
<h1>hello world</h1>
<h2>hello world</h2>
<p></p>
h1到h6標題元素,h1的字體最大,h6最小
p是段落的意思
超連結
這個標籤內可以放你想要跳轉的網址,比如說下面的程式碼可以跳轉到google頁面。
<a herf="https://www.google.com.tw/?hl=zh_TW">
表格
table語法可以在網頁使用表格呈現資料頁面。
<table>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Data 1</td>
<td>Data 2</td>
</tr>
</table>
table:表格標籤
tr:表格行
th:表格列
td:表格單元格
<!-- 註解-->
總結:以上是html基礎的網頁呈現的基礎標籤用法,其中像是table、a herf、img src是html出現頻率相對較高的標籤,可以透過其他渲染技術使其變得更美觀,這部份的技術在此篇章將會較少提到。