前端之HTML基礎等相關內容-50
阿新 • • 發佈:2020-09-14
1.基礎
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>
<!--<標籤名字 屬性1="值" 屬性2="值2">內容</標籤名字>-->
<!--註釋開始的地方-->
<h1>22222
<p>333</p>
<p>333</p>
<p>333</p>
</h1>
<!--註釋結束的地方-->
</body>
</html>
2.head標籤
<!DOCTYPE html>
<html lang="en">
<head>
<!--與寫入檔案的編碼保持一致-->
<meta charset="utf-8">
<meta name="keywords"
content="開發者,程式設計師,部落格園,程式猿,程式媛,極客,碼農,程式設計,程式碼,軟體開發,開源,IT網站,技術社群,Developer,Programmer,Coder,Geek,Coding,Code">
<meta name="description" content="我是一個非常不一樣的網站">
<!-- <meta http-equiv="refresh" content="3,http://www.baidu.com">-->
<title>谷歌一下,你就知道</title>
<link rel="icon" href="img/favicon.ico">
<!--
<style>
p {
color: #002448;
}
</style>
-->
<link rel="stylesheet" href="css/index.css">
<!--
<script>
// alert("哈哈哈哈");
function changeColor(ths) {
ths.style.backgroundColor="green";
}
</script>
-->
<script src="js/a.js"></script>
</head>
<body>
<!--<p onclick="changeColor(this)">你好</p>-->
你好啊<br>哈哈哈哈
<hr>
我擦了
<!--<b>加粗</b>-->
<strong>強調</strong>
<!--<u>下劃線</u>-->
<ins>插入</ins>
<!--<i>傾斜</i>-->
<em>傾斜</em>
<!--<s>刪除</s>-->
<del>刪除</del>
</body>
</html>
3.字元實體
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--字元實體之空格符-->
你好 我擦類 哈哈哈
<p><print></p>
<p>100000000000¥</p>
<p>egon&lxx</p>
<p>©</p>
<p>Θ</p>
</body>
</html>
4.h系列
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>我是標題1</h1>
<h2>我是標題2</h2>
<h3>我是標題3</h3>
<h4>我是標題4</h4>
<h5>我是標題5</h5>
<h6>我是標題6</h6>
<h7>我是標題7</h7>
我是標題7
<h1>egon</h1>
<p>論顏值,</p>
<p>論才華</p>
</body>
</html>
5.img標籤
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--<img src="img/1.jpg" title="這是一個美女" alt="圖片被怪獸吃掉了" width="300px" height="300px">-->
<img src="img/1.jpg" title="這是一個美女" alt="圖片被怪獸吃掉了" width="300px">
</body>
</html>
6.a標籤
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--
<a href="http://www.baidu.com" title="跳轉到百度" target="_blank">點我啊</a>
<a href="http://www.baidu.com">
<img src="img/1.jpg" alt="">
</a>
-->
<!--假連結-->
<!--<a href="#">點我啊</a>-->
<!--<a href="javascript:">點我啊</a>-->
<!--假連結-->
<!--頁面的錨點-->
<p>
<a href="#p1" style="color: darkseagreen;text-decoration:none;font-size:18px">一 八八八八</a>
</p>
<p>
<a href="#p2" style="color: darkseagreen;text-decoration:none;font-size:18px">八 使用者與程式互動</a>
</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p