HTML Day1
******HTML: 標記語言******
標記:<文本> <html>
單標籤: <img/>
標籤對: <html> </html>
文本: 顯示文字
超文本:顯示文字、音樂、影音
範例:
<html>
<head>
<title>hi Benny</title>
</head>
<body>
hello everybody
</body>
</html>
******CSS : 層疊樣式表******
加入
<div style="width: 100px; height:100px; background:red;"></div>
******javascript******
加入 JS後點擊紅色區域可以跟變改寬度
<div onclick="this.style.width='200px';" style="width: 100px; height:100px; background:red;"></div>
HTML 基本結構
<!--注釋 快捷鍵 ctr + / -->
<!-- 開頭檔-->
<!DOCTYPE html>
<!--網頁正式內容 -->
<html>
<head>
<!-- 編碼類型 -->
<meta charset=UTF-8>
<!-- UTF-8:國際通用字庫(一個中文字 三個字節) GB2312(GBK):中國字庫 (一個中文字 兩個字節)-->
<title>Hi Benny</title>
<!--身體-->
</head>
<body>Hello !<body>
</html>
************************************************
<!-- 常用標籤 -->
***********************************
列表
<!DOCTYPE html>
<!--網頁正式內容 -->
<html>
<head>
<!-- 編碼類型 -->
<meta charset=UTF-8>
<title>常用標籤</title>
</head>
<body>
<ol type="a" start="5">
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
<body>
</html>
<!-- 自定義-->
<dl>
<dt>HTML</dt>
<dd>超文本</dd>
</dl>
<!-- 超鏈接 targe="打開方式" _self 當前窗口 , _blank 新建窗口 -->
<br/>
<a href="https://www.google.com" target="_blank">google</a>
<br/>
留言
張貼留言