<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- <link href="style.css" rel="stylesheet"> -->
<title>MyThing</title>
<style>
body {
margin: 0;
}
#banner {
background: #823500;
padding: 0.5em;
width: 100%;
font-size: 30px;
}
#menu {
background: #AA4B0B;
padding: 0.5em;
width: 100%;
}
#content {
background: #E78745;
padding: 0.5em;
width: 100%;
}
#content h1 {
font-size: 35px;
margin-top: 0.1em;
margin-bottom: 0.1em;
}
#content p {
font-style: italic;
}
.box {
background: #FFAC73;
width: 10em;
height: 10em;
float: left;
text-align: center;
}
</style>
</head>
<body>
<div id="banner">
123
</div>
<div id="menu">
123
</div>
<div id="content">
<div id="description">
<h1>python</h1>
<p>Python is an interpreted, high-level, general-purpose programming language. Created by Guido van Rossum and first released in 1991, Python's design philosophy emphasizes code readability with its notable use of significant whitespace. Its language constructs and object-oriented approach aim to help programmers write clear, logical code for small and large-scale projects.</p>
<h1>Java</h1>
<p>Java is a general-purpose programming language that is class-based, object-oriented, and designed to have as few implementation dependencies as possible. It is intended to let application developers write once, run anywhere (WORA), meaning that compiled Java code can run on all platforms that support Java without the need for recompilation.</p>
<h1>C++</h1>
<p>C++ (/ˌsiːˌplʌsˈplʌs/) is a general-purpose programming language created by Bjarne Stroustrup as an extension of the C programming language, or "C with Classes". The language has expanded significantly over time, and modern C++ has object-oriented, generic, and functional features in addition to facilities for low-level memory manipulation. It is almost always implemented as a compiled language, and many vendors provide C++ compilers, including the Free Software Foundation, LLVM, Microsoft, Intel, Oracle, and IBM, so it is available on many platforms.</p>
</div>
<div class="box">A</div>
<div class="box">B</div>
<div class="box">C</div>
<div class="box">D</div>
<form method="GET" action="page2.html">
<input name="name" type="text" value="" ><br/>
<input name="tel" type="text" value=""><br/>
<input name="gender" type="radio" value="male" checked>male<br/>
<input name="gender" type="radio" value="female">female<br/>
<input name="gender" type="radio" value="other">other<br/>
<select name="item">
<option value="item1">item1</option>
<option value="item2">item2</option>
<option value="item3">item3</option>
<option value="item4">item4</option>
<option value="item5">item5</option>
<option value="item6">item6</option>
</select>
<br/>
<input name="quantity" type="number" min="0" max="100" step="10" value="20"><br/>
<button type="submit">yes</button>
<a href="https://tw.yahoo.com/"><p>Yahoo</p></a>
</form>
<h1>
class 與 id 的差異
</h1>
<h3>
class比較像"標籤"
它可以被覆上數個標籤 也可以多個物件擁有此標籤
</h3>
<h3>
id比較是個像學號一樣的東西
他的id就是這個 並會有第二個物件有與他一樣id
</h3>
</div>
</body>
</html>