HTML5 & CSS


* Tworzymy strony na okrągło * Tworzymy strony na okrągło * Tworzymy strony na okrągło *

Ta witryna składa się z sześciu stron. Właśnie przeglądasz główną stronę (plik: index.html).

Cztery kolejne strony zawierają opis kodu i stylu elementów z jakich te strony zostały stworzone, czyli po prostu omawiają szablon strony.

To tylko prosty przykład szablonu, w którym możesz samodzielnie wiele zmienić. Ciało strony (<body>) zostało podzielone na cztery bloki: <header>, <nav>, <main> i <footer>.

	<body>
	  <header>
		...
	  </header>
	  <nav>
		...
	  </nav>
	  <main>
		...
	  </main>
	  <footer>
		...
	  </footer>
	</body>
	
	body {
	  background-color: lightgreen;
	  margin-top:20px;
	  margin-left: 100px;
	  margin-right: 100px;
	  padding: 0;
	  font-family: verdana;
	}
	
	header, nav, main, footer {
	  border: 0px solid black;
	  box-sizing: border-box;
	}
	
	

Witryna nie jest dostosowana do przeglądania na urządzeniach mobilnych.

Szablon do pobrania - plik: szablon.zip Plik do pobrania: szablon.html Plik stylu do popbrania: style.css