python寫web基礎筆記
阿新 • • 發佈：2018-11-10
一：HTML5簡介與結構
HTML（Hypertext Markup Language）：超文字標記語言，是用來編寫網頁
的標記語言。
HTML5的基本結構：
<!DOCTYPE html>
<html>
<head>
<title>網頁標題</title>
<meta charset="utf-8"/>
</head>
<body>
網頁主體
</body>
</html>
二：html5標籤
1. 標題標籤
<h1></h1> <h2></h2> ... <h6></h6>
2. 橫線標籤
<hr/>
3. 換行標籤
<br/>
4. 段落標籤
<p></p>
5. 超連結標籤
<a href="連結地址" target="_blank">連結內容</a>
6. 圖片標籤
<img src="圖片地址" width="圖片寬度" height="圖片高度"/>
7. 列表標籤
有序列表 無序列表
<ol> <ul>
<li>列表項</li> <li>列表項</li>
... ...
<li>列表項</li> <li>列表項</li>
</ol> </ul>
8. 表格標籤
<table border="1" cellpadding=" #單元格邊距" cellspacing="#單元格間距">
<table border="邊框">
<tr>
<td>單元格內容</td>
<td>單元格內容</td>
...
<td>單元格內容</td>
</tr>
</table>
9. 分割槽標籤div
<div>內容</div>
注意：每對div分割槽標籤獨佔一塊區域，其他內容只能顯示在它的下一行。
10. 視訊標籤
<video src="視訊地址" controls="controls">
</video>
HTML（Hypertext Markup Language）：超文字標記語言，是用來編寫網頁
的標記語言。
HTML5的基本結構：
<!DOCTYPE html>
<html>
<head>
<title>網頁標題</title>
<meta charset="utf-8"/>
</head>
<body>
網頁主體
</body>
</html>
二：html5標籤
1. 標題標籤
<h1></h1> <h2></h2> ... <h6></h6>
2. 橫線標籤
<hr/>
3. 換行標籤
<br/>
4. 段落標籤
<p></p>
5. 超連結標籤
<a href="連結地址" target="_blank">連結內容</a>
6. 圖片標籤
<img src="圖片地址" width="圖片寬度" height="圖片高度"/>
7. 列表標籤
有序列表 無序列表
<ol> <ul>
<li>列表項</li> <li>列表項</li>
... ...
<li>列表項</li> <li>列表項</li>
</ol> </ul>
8. 表格標籤
<table border="1" cellpadding=" #單元格邊距" cellspacing="#單元格間距">
<table border="邊框">
<tr>
<td>單元格內容</td>
<td>單元格內容</td>
...
<td>單元格內容</td>
</tr>
</table>
9. 分割槽標籤div
<div>內容</div>
注意：每對div分割槽標籤獨佔一塊區域，其他內容只能顯示在它的下一行。
10. 視訊標籤
<video src="視訊地址" controls="controls">
</video>