|
|
@ -1,23 +1,88 @@ |
|
|
<html> |
|
|
|
|
|
<head> |
|
|
|
|
|
</head> |
|
|
|
|
|
|
|
|
<html lang="pt-br"> |
|
|
|
|
|
<head> |
|
|
|
|
|
</head> |
|
|
|
|
|
|
|
|
<body> |
|
|
|
|
|
<h1>HTML no terminal com VIM</h1> |
|
|
|
|
|
<p>To Do List</p> |
|
|
|
|
|
|
|
|
<body> |
|
|
|
|
|
<style> |
|
|
|
|
|
* { |
|
|
|
|
|
margin: 0; |
|
|
|
|
|
padding: 0; |
|
|
|
|
|
box-sizing: border-box; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
<input type="text"/> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
body { |
|
|
|
|
|
background-color: lightgray; |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
margin: 25px; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
flex-direction: column; |
|
|
|
|
|
gap: 10px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
<ul> |
|
|
|
|
|
<li>Sport</li> |
|
|
|
|
|
<li>Study</li> |
|
|
|
|
|
<li>Job</li> |
|
|
|
|
|
<li>Health Food</li> |
|
|
|
|
|
</ul> |
|
|
|
|
|
|
|
|
h1 { |
|
|
|
|
|
font-size: 45px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
p { |
|
|
|
|
|
margin-top: 50px; |
|
|
|
|
|
font-size: 20px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
<a href="main.html">clique aqui</a> |
|
|
|
|
|
</body> |
|
|
|
|
|
|
|
|
table { |
|
|
|
|
|
background-color: lightblue; |
|
|
|
|
|
} |
|
|
|
|
|
</style> |
|
|
|
|
|
|
|
|
|
|
|
<h1>PRATICANDO VIM</h1> |
|
|
|
|
|
<p>RUNNING TABLE</p> |
|
|
|
|
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
<table border="1" width="100%"> |
|
|
|
|
|
<thead> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<th colspan="3">Running</th> |
|
|
|
|
|
</tr> |
|
|
|
|
|
</thead> |
|
|
|
|
|
|
|
|
|
|
|
<tbody> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td>Monday</td> |
|
|
|
|
|
<td>Wednesday</td> |
|
|
|
|
|
<td>Sartuday</td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
|
|
|
|
|
|
<tr> |
|
|
|
|
|
<td>5 km</td> |
|
|
|
|
|
<td>6 km</td> |
|
|
|
|
|
<td>12 km</td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
|
|
|
|
|
|
<tr> |
|
|
|
|
|
<td> km</td> |
|
|
|
|
|
<td> km</td> |
|
|
|
|
|
<td> km</td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
</tbody> |
|
|
|
|
|
</table> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
<form> |
|
|
|
|
|
<div> |
|
|
|
|
|
<label for="name">Name:</label> |
|
|
|
|
|
<input type="text" name="name" placeholder="Type your name"/> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
<label for="name">Distance:</label> |
|
|
|
|
|
<input type="text" name="name" placeholder="Type your distance"/> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
<label for="name">Time:</label> |
|
|
|
|
|
<input type="text" name="name" placeholder="Type your time"/> |
|
|
|
|
|
</div> |
|
|
|
|
|
</form> |
|
|
|
|
|
</div> |
|
|
|
|
|
</body> |
|
|
</html> |
|
|
</html> |