Potrzebuje kodu html (strona tworzona w notatniku), a mianowicie:
- na środku ma byc zamieszczony tytuł ,,Moje Ulubione Miejsce na Ziemi, w moim przypadku chciałbym aby to była barcelona
- trzeba wstawić zdjęcie (z barcelony - miasto)
- zmienić kolor tła na błękitny,
- zrobić tabelkę (kraj, język urzędowy, kontynent)
- przejście na drugą stronę na której bedzie jakiś tekst o Barcelonie (może być bez tego podpunktu, chociaż wolałbym z ) :)
Dodałem załącznik jak to ma Mniej więcej wyglądać :)
40PKT ZA WYKONANIE !!!!
" Life is not a problem to be solved but a reality to be experienced! "
© Copyright 2013 - 2024 KUDO.TIPS - All rights reserved.
HTML:
----------------------------------------------------------------------
<!doctype html>
<html lang="pl"><!-- język strony -->
<head>
<meta charset="UTF-8"><!-- kodowanie znaków -->
<link rel="stylesheet" href="style.css"><!-- link do stylów -->
<title>Moje Ulubione Miejsce na Ziemii</title>
</head>
<body>
<div id="wrapper">
<!-- GÓRNA CZĘŚĆ STRONY -->
<header>
<h1>Moje Ulubione Miejsce na Ziemii</h1>
<h2>Barcelona</h2>
</header>
<!-- TREŚĆ STRONY -->
<section id="content">
<div id="img">
<img src="http://bit.ly/13Er3mC" alt="barcelona" />
</div>
<table>
<thead>
<tr>
<th>Kraj</th>
<th>Kontynent</th>
</tr>
</thead>
<tbody>
<tr>
<td>Język urzędowy</td>
<td>Puste pole</td>
</tr>
</tbody>
</table>
<a href="http://pl.wikipedia.org/wiki/Barcelona">O mieście</a>
</section>
</div>
</body>
</html>
ZAPISZ JAKO index.html
----------------------------------------------------------------------
CSS:
----------------------------------------------------------------------
body {
background-color:skyblue;
}
#wrapper {
width:960px;
margin: 0 auto;
}
header {
margin: 0 auto;
text-align: center;
}
table, td, th {
border: 1px solid navy;
}
#img {
text-align: center;
margin-bottom: 20px;
}
a {
text-decoration: none;
color:navy;
}
ZAPISZ JAKO style.css W TYM SAMYM FOLDERZE CO index
--------------------------------------------------------------------------------------
Pozdrawiam