HTML入門學習
前言
推薦使用IDEA，webstorm等編輯器，運行時在谷歌瀏覽器中打開
推薦學習視頻：https://www.bilibili.com/video/av5862916
一、瞭解html結構
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"><!-- 編碼方式-->
<title> biaoti </title><!--head中必須有title，標題-->
</head>
<body>
<h1>標題元素</h1>
body內容
</body>
</html>
運行結果：
二、插入超鏈接，改變字體等
<!--<!DOCTYPE html>-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>table</title>
</head>
<body>
title
<!--超鏈接 -->
<a href="01.html" target="_blank">1</a>
<!--保留原有頁面，跳到新頁面-->
<a href="01.html">2</a>
<!--直接跳到新頁面，原有頁面消失-->
<a href="01.html" target="_self">3</a>
<em>斜體</em><u>下劃線</u><s>劃去效果</s><b>加黑效果</b>
<!--<img src="/404.png" width="412" height="235" />-->
</body>
</html>
運行：
三、表格（行，列，合併，表頭，表內容，表腳）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>table</title>
</head>
<body>
<table border="5px" align="center">
<!-- 邊框，表格居中-->
<!-- thead，tbody，tfoot，表頭，表內容，表腳-->
<thead>
<tr>
<th>姓名</th>
<th>性別</th>
<th>年齡</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">Bob</td>
<td>man</td>
<td>23</td>
</tr>
<tr>
<!-- <td>Jerry</td>-->
<td colspan="2">未知</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>總計</th>
<th colspan="2">2</th>
<!-- <th>43</th>-->
</tr>
</tfoot>
</table>
</body>
</html>
運行：
四、表單（文字框的幾種形式）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>7表單shang</title>
</head>
<body>
<form>
<input type="text" size="50"><br><!--文本框長度50-->
<input type="text" value="佔位符，可修改"><br>
<input type="text" placeholder="不佔位置"><br>
<input type="text" placeholder="最多輸入5位" maxlength="5"><br>
</form>
</body>
</html>
](https://pic1.xuehuaimg.com/proxy/csdn/https://img-blog.csdnimg.cn/20190910173722819.png)