Jak formatować strony internetowe

Skuteczna strona internetowa musi przekazywać treści swoim czytelnikom poprzez atrakcyjne formatowanie. Złe formatowanie może sprawić, że strona stanie się nieatrakcyjna lub nawet nieczytelna. Za pomocą Hypertext Markup Language (HTML) możesz kontrolować formatowanie witryny tak, aby wyglądało dokładnie tak, jak chcesz. Co więcej, kaskadowe arkusze stylów (CSS) umożliwiają formatowanie strony internetowej przy użyciu zewnętrznego arkusza stylów. Ta technika jest przydatna, jeśli chcesz zastosować tę samą stylizację do wielu stron w witrynie.

Formatowanie HTML

Twórz tabele, aby pozycjonować różne elementy Twojej strony internetowej. Użyć

tag, aby rozpocząć samą tabelę. Użyć tag, aby rozpocząć wiersz tabeli, a

tag, aby utworzyć komórkę danych tabeli w wierszu. Komórki danych tabeli można zwykle traktować jako kolumny tabeli. Aby odpowiednio ustawić swoje elementy, eksperymentuj z wysokością, szerokością, paddingiem i parametrami odstępów poszczególnych rzędów i komórek danych.

Dodaj efekty tekstowe i styl czcionki w tagach dla elementów zawierających tekst. Na przykład, jeśli chcesz sformatować tekst w elemencie akapitu:

Spowoduje to wyświetlenie zawartości akapitu w czcionce Comic Sans.

Dodaj tło do całej witryny w tagu, używając atrybutu bgcolor. Na przykład:

Powoduje to, że tło całej strony ma kolor róży.

CSS i zewnętrzne arkusze stylów

Otwórz nowy dokument tekstowy w Notatniku.

Sformatuj każdy element w swoim nowym dokumencie. Użyj tagu elementu, a następnie otwartego nawiasu, aby wprowadzić style dla tego elementu. Na przykład:

p {

rodzina czcionek: "comic sans ms";

kolor tła :: # CC3366;

}

Każdy akapit w dokumencie HTML będzie miał czcionkę Comic Sans i kolor tła róż.

Użyj identyfikatora lub klasy, jeśli chcesz wprowadzić style, które będą używane w wielu różnych typach elementów lub w indywidualnych przypadkach. Identyfikator może być użyty tylko raz i jest wprowadzany przez symbol "#". Klasa może być używana wiele razy i jest oznaczana przez "." symbol. Na przykład:

.comicrose {

rodzina czcionek: "comic sans ms";

kolor tła :: # CC3366;

}

Ta klasa pozwala na stylizację elementu za pomocą komiksu Sans i tła róż, gdziekolwiek jesteś nazywana jego klasą. Na przykład w kodzie HTML strony,

stylizuje akapit zgodnie z opisem.

Link do zewnętrznego arkusza stylów w sekcji kodu HTML. Na przykład:

To prowadzi do zewnętrznego arkusza stylów o nazwie pagestyles.css.