12-345-678

E-mail

Suport

my good website

ENTER YOUR TEXT HERE

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua..

Read More

Lorem ipsum dolor sit amet

ENTER YOUR TEXT HERE

ENTER YOUR TEXT HERE

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Read More

Lorem ipsum dolor sit amet

ENTER YOUR TEXT HERE

tabele

Super User
Kategoria: Bez kategorii

TABELE

Struktura tabeli

<table>
<tr>
	<td>...</td>	<td>...</td>
</tr>
<tr>
	<td>...</td>	<td>...</td>
</tr>
</table>
Jest to najprostsza tabela, gdzie:
<table>...</table>
jest znacznikiem tabeli
<tr>...</tr>
jest znacznikiem wiersza
<td>...</td>
jest znacznikiem pojedynczej komórki
W miejsce kropek należy wpisać treść poszczególnych komórek tabeli.

Powyższe polecenia tworzą tabelę, złożoną z dwóch kolumn i dwóch wierszy (razem cztery komórki). Jeśli to konieczne, możliwe jest dodanie nowych kolumn (poprzez wpisanie dodatkowych znaczników <td>...</td>) lub wierszy (znaczniki <tr>...</tr>). Należy przy tym zauważyć, że komórki tabeli (<td>...</td>) znajdują się wewnątrz znacznków wierszy (<tr>...</tr>)! Liczba komórek w każdym wierszu powinna być taka sama.

Zwracam uwagę, że w obrębie tabeli tekst i inne elementy można wstawiać tylko wewnątrz znaczników komórek i ewentualnie tytułu tabeli, a nie poza nimi! Poza obrębem tych znaczników można umieszczać tylko ściśle określone elementy, które zostaną szczegółowo opisane w tym rozdziale. Zatem poniższy kod będzie nieprawidłowy:

Zaznacz kod Wypróbuj kod

<table>
Tabela...
<tr>
	<b><td>...</td></b>	<td>...</td>
</tr>
<br />
<tr>
	<b><td>...</td>	<td>...</td></b>
</tr>
<br />
</table>

odsyłacze

Super User
Kategoria: Bez kategorii

Odsyłacz do podstrony#

(w obrębie tego samego serwisu)

Praktycznie na każdej stronie WWW spotyka się odsyłacze (inaczej: odnośniki lub hiperłącza). Najczęściej stanowi je specjalnie wyróżniony krótki tekst (lub obrazek), po kliknięciu którego, następuje przeniesienie do innej strony. Tak jak każda książka składa się z rozdziałów, tak samo serwisy internetowe składają się zwykle z podstron. Każda podstrona jest osobnym plikiem HTML (z rozszerzeniem *.html lub *.htm) i zawiera treść, która dość znacznie różni się tematycznie od pozostałych (tworzy się ją w taki sam sposób jak stronę główną). Taka organizacja ułatwia użytkownikowi nawigację oraz zapobiega niepotrzebnemu wczytywaniu całego serwisu od razu (co trwałoby prawdopodobnie bardzo długo). Umieszczenie wszystkiego w jednym pliku (index.html), absolutnie nie jest wskazane (chyba że Twoja strona jest naprawdę krótka)!

Aby umożliwić użytkownikowi swobodne przechodzenie pomiędzy podstronami naszego serwisu, trzeba je w jakiś sposób połączyć między sobą. Należy umieścić w wybranym miejscu odsyłacze do wszystkich podstron. Zwykle przeznacza się na to osobną stronę, która stanowi spis treści i zawiera ułożone kolejno odsyłacze do wszystkich podstron serwisu.

Składnia odsyłacza do podstrony (w obrębie tego samego serwisu) jest następująca:

<a href="/względna ścieżka dostępu do podstrony">opis odsyłacza</a>
Zasady wpisywania ścieżki dostępu są takie same jak w przypadku obrazków.
Natomiast zamiast: "opis odsyłacza", należy wpisać krótki tekst, który pojawi się na ekranie i po kliknięciu którego nastąpi przejście do podanej podstrony (adres strony jest widoczny tylko w pasku statusu przeglądarki).

nagłówek

Super User
Kategoria: Bez kategorii

Nagłówek HTML

<h1>

Wyobraźmy sobie, że jesteśmy dziennikarzami i piszemy artykuły do gazety. Każdy artykuł musimy zaopatrzyć w nagłówek, oraz przynajmniej jeden akapit. Podobnie jest ze stroną internetową, dłuższy tekst zazwyczaj będziemy poprzedzali ciekawym nagłówkiem, który przyciągnie wzrok czytelnika.

Nagłówki tworzymy używając elementów od <h1> do <h6>. Litera h jest skrótem od ang. słowa heading, czyli nagłówek. Cyfry od 1 do 6 oznaczają hierarchię nagłówków, zaczynając od 1 jako najważniejszego w hierarchii. Może łatwiejsze do wytłumaczenia będzie to jeżeli nagłówek nazwiemy tytułem.

Artykuł zazwyczaj składa się z tytułu głównego i kilku podtytułów. Może się również przydarzyć, że wystąpią podtytuły podtytułów i w tym przypadku potrzebna nam będzie hierarchia. Możemy ją uzyskać poprzez zastosowanie cyfr. Elementem <h1> opatrzymy główny tytuł, elementy <h2> posłużą nam jako tytuły drugiego rzędu, a elementy <h3> jako tytuły trzeciego rzędu.

W ten sposób możemy posługiwać się tytułami, aż do elementu <h6>, jednak w praktyce najczęściej używa się elementów od <h1> do <h3>. Różnice pomiędzy nagłówkami dostrzeżemy nie tylko w kodzie, ale również na ekranie. Domyślnie nasze nagłówki będą różniły się rozmiarem czcionki.

czcionka

Super User
Kategoria: Bez kategorii

Czcionka

<font>...</font>

wyświetlanie: w linii

Znacznik FONT jest zdeprecjonowany przez specyfikację HTML 4.01 - zaleca się stosowanie stylów.

Dzięki temu poleceniu, możesz określić wiele parametrów dotyczących pisanego tekstu. Poniżej zostanie przedstawiona ich lista.

Wielkość czcionki

  1. Wartość bezwzględna 
    <font size="n">...</font>
    gdzie "n" oznacza wielkość pisma (1 - najmniejsza, 7 - największa, 3 - domyślna)

struktura dokumentów HTML

Super User
Kategoria: Bez kategorii

STRUKTURA DOKUMENTU HTML5

<!DOCTYPE HTML>
<html lang="pl">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="pl" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<title>Tytuł strony</title>
</head>

<body>

<header></header>

<section>
<p>To jest nasza nowa strona internetowa HTML5 CSS3.</p>
</section>

<footer></footer>

</body>

</html>