728x90
1. ๋ฉ๋ด ๊ตฌํ
2. ์ด๋ฏธ์ง ์ฝ์
3. ํ์ดํผ๋งํฌ
4. ํ ์ด๋ธ ์ฝ์
5. ์ ๋ ฅ๋ ๊ตฌํ
-์ฝ๋๊ฐ ๊ธธ๊ณ ๋น๋ฃจํฉ๋๋ค ๋ค๋ก๊ฐ๊ธฐ๋ฅผ ๋๋ฌ์ฃผ์ธ์-
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Tesla</title>
</head>
<body>
<div style = "background-color : black; border-style : solid; border-color : green">
<h1 align="center"> <font color="white"> T e s l a A u t o m o b i l e </font> </h1> </div>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.base{
border: 1px solid black;
width: 2000px;
height: 90px;
}
.item > ul{
border: 1px solid black;
position: absolute;
display: none;
}
.item:hover > ul{
display: block;
}
.item{
text-align: center;
border: 2px solid black;
float: left;
width: 400px;
}
ul{
list-style: none;
}
ul > li {
text-align: center;
}
</style>
</head>
<body>
<div class="base">
<ul>
<li class="item">
<h3>Company</h3>
<ul>
<h4><li><a href="www.google.com">History</a></li><h4>
<li>CEO</li>
<li>Location</li>
</ul>
</li>
<li class="item">
<h3>Dealers</h3>
<ul>
<li>Los Angeles</li>
<li>New York</li>
<li>Washington</li>
</ul>
</li>
<li class="item">
<h3>Products</h3>
<ul>
<li>Cars</li>
<li>Truck</li>
<li>Drone</li>
</ul>
</li>
<li class="item">
<h3>Service</h3>
<ul>
<li>History</li>
<li>CEO</li>
<li>Location</li>
</ul>
</li>
<li class="item">
</div>
</body>
</html>
<img align="right" alt="์ด๋ฏธ์ง๊ฐ ์์ด์ " src= "https://content.fortune.com/wp-content/uploads/2015/11/gettyimages-490597722.jpg" style="margin-top:90px" width="1300", height="1000" />
<b><h1 width="40" align="center" style="border-style : solid; border-color : black;">Electric Cars</h1></b>
<ul><h1 align="left"><i><strong> - Sedan - </strong></i></h1>
<br>
<li><h3><b><font color="blue">2021</font> Tesla Model S</b></li></h3>
<img align="center" alt="์ด๋ฏธ์ง์์" src="./images/s.png" width="500", height="300"/>
<table border="1">
<tr>
<th>Budget($)</th>
<th>Max Range(km)</th>
<th>Max Speed(km/h)</th>
<th>Warranty(year)</th>
</tr>
<tr>
<td><strong>120,000</strong></td>
<td><strong>512</strong></td>
<td><strong>280</strong></td>
<td><strong>10</strong></td>
</tr>
</table>
<br>
<b><a href="www.google.com">VIEW FEATURE</a></b>
<p align="left"> <b>Finding text -> </b><input type="text"> </p>
<p>
The Tesla Model S is an all-electric five-door liftback sedan produced by Tesla, Inc., and was introduced on June 22, 2012.<br><br> As of August 2020, the Model S Long Range Plus has an EPA range of 402 miles (647 km), higher than that of any other battery electric car.<br><br>
Model S cars built from October 2014 have a feature called Autopilot,[16] an advanced driver assistance system that allows the car to operate without assistance from the driver.<br><br> However, the driver must supervise continuously and take control if there is an issue. Autopilot 2.0, introduced in October 2016, also includes “Enhanced Summon”, which allows the car to navigate through a parking lot to its owner without anyone in the driver's seat.[18] Sentry mode, available on cars built after August 2017,[19] senses and records suspicious activity around the car.
</p>
<br>
<li><h3>Model 3</li></h3>
<img align="center" alt="์ด๋ฏธ์ง์์" src="https://banner2.cleanpng.com/20180406/yvw/kisspng-tesla-model-3-car-tesla-motors-tesla-model-s-tesla-tesla-5ac77522091482.2321615715230210900372.jpg" width="500", height="300"/>
<table border="1">
<tr>
<th>Budget($)</th>
<th>Max Range(km)</th>
<th>Max Speed(km/h)</th>
<th>Warranty(year)</th>
</tr>
<tr>
<td><strong>49,000</strong></td>
<td><strong>400</strong></td>
<td><strong>180</strong></td>
<td><strong>10</strong></td>
</tr>
</table>
<br>
<b><a href="www.google.com">VIEW</a></b>
<br>
<li><h3 align="left">Model X</li></h3>
<img align="center" alt="์ด๋ฏธ์ง์์" src="https://www.vhv.rs/dpng/d/422-4226719_tesla-model-x-transparent-png-tesla-model-y.png" width="500", height="300"/>
<table border="1">
<tr>
<th>Budget($)</th>
<th>Max Range(km)</th>
<th>Max Speed(km/h)</th>
<th>Warranty(year)</th>
</tr>
<tr>
<td><strong>112,000</strong></td>
<td><strong>490</strong></td>
<td><strong>245</strong></td>
<td><strong>10</strong></td>
</tr>
</table>
<br>
<b><a href="www.google.com">VIEW</a></b>
<br>
<li><h3 align="left">Model Y</li></h3>
<img align="center" alt="์ด๋ฏธ์ง์์" src="https://cdn.motor1.com/images/mgl/kj0nN/s1/tesla-model-y.jpg" width="500", height="300"/>
<table border="1">
<tr>
<th>Budget($)</th>
<th>Max Range(km)</th>
<th>Max Speed(km/h)</th>
<th>Warranty(year)</th>
</tr>
<tr>
<td><strong>69,000</strong></td>
<td><strong>540</strong></td>
<td><strong>220</strong></td>
<td><strong>10</strong></td>
</tr>
</table>
<br>
<b><a href="www.google.com">VIEW</a></b>
</body>
</html>'๐ HTML\CSS' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| ์ค๋ฌธ์กฐ์ฌ ์์ - form์ด์ฉ, jsp (0) | 2021.02.24 |
|---|---|
| html์ Action๊ณผ JSP๋ฅผ ํ์ฉํด ์ ๋ ฅ๋ฐ์๊ฐ ๋๊ฒจ์ฃผ๋๋ฒ (0) | 2021.02.24 |
| iframe (web ์์ web) (0) | 2021.02.24 |
| List (๋ชฉ๋ก) - ul , ol ํ์ฉ๋ฒ (0) | 2021.02.24 |
| Table(ํ ์ด๋ธ)๊ณผ colspan, rowspan (0) | 2021.02.24 |
๋๊ธ