Jak zrobić statyczną stronę internetową

click fraud protection
...

Internet: to miejsce, w którym warto być.

Jeśli jeden wynalazek całkowicie zmienił świat w ciągu naszego życia, to jest nim Internet. Coraz więcej osób pragnie obecności w sieci wykraczającej poza tę oferowaną przez sieci społecznościowe: chcą mieć przestrzeń internetową, którą mogliby nazwać własną. Główne strony internetowe stają się coraz bardziej złożone i używają żargonu onieśmielającego początkujących, takiego jak Flash, CSS, perl i JavaScript, ale nie bój się. Cztery proste litery pozwolą każdemu błyskawicznie zaistnieć w sieci: HTML. Litery oznaczają hipertekstowy język znaczników, język programowania, który używa serii znaczników do stworzenia statycznej strony internetowej. Im więcej tagów znasz, tym więcej możesz zrobić ze statyczną stroną internetową.

Krok 1

Utwórz podstawowy szkielet statycznej strony internetowej, kopiując następujący kod do prostego edytora tekstu, takiego jak Notatnik:

Wideo dnia

Następnie zapisz plik jako index.html (domyślna nazwa strony głównej) i otwórz go w przeglądarce. Nic nie powinno być widoczne, ponieważ utworzyłeś pustą stronę internetową.

Wszystkie te tagi mają znaczenie. Znacznik informuje przeglądarkę, że zbliża się strona internetowa. to miejsce, w którym można znaleźć wszelkiego rodzaju informacje dla wyszukiwarek. oznacza, że ​​za chwilę rozpocznie się część, którą ludzie zobaczą.

Krok 2

Pomyśl o HTML jako o dwóch głównych typach tagów (bity kodu w nawiasach). Jeden każe przeglądarce zacząć coś robić, a inny każe jej się zatrzymać.

Pogrub ten tekst

Wszystko po -- tag otwierający -- będzie pogrubiony, dopóki nie osiągnie -- tag zamykający. „/” mówi przeglądarce, aby się zatrzymała.

Krok 3

Dodaj tekst do swojej strony internetowej. Wpisz „To jest moja strona internetowa” w treści strony internetowej, między a. Zapisz stronę i spójrz na nią w przeglądarce. Wynik jest ładny, ale niezbyt ekscytujący. Wypróbuj kilka innych tagów, aby to urozmaicić. Na przykład pogrubia tekst; czyni tekst kursywą; umożliwia zmianę rozmiaru czcionki od 1 (najmniejsza) do 6 (największa); sprawia, że ​​tekst jest czerwony (lub dowolny inny wprowadzony kolor);

wyśrodkowuje tekst (lub obraz) na stronie.

Spróbuj użyć kilku z tych tagów w tym samym bloku tekstu. Możesz zrobić dowolną kombinację.

Możesz także dodać spację między elementami na swojej stronie, umieszczając między nimi następujące elementy:

dla złamania akapitu;
dla łamania linii;


aby utworzyć przerwę z linią w poprzek strony internetowej.

Krok 4

Dodaj obrazy do swojej strony. Zrób to za pomocą tagu i zastąp adres internetowy w tym przykładzie lokalizacją obrazu, którego chcesz użyć. To jeden z nielicznych tagów, które nie mają tagu końcowego. Obrazy również mogą być wyśrodkowane, podobnie jak tekst.

Krok 5

Utwórz link do innej witryny. Odbywa się to za pomocą tagu Kliknij tutaj. Ten kod sprawia, że ​​słowa „Kliknij tutaj” stanowią łącze do innej witryny. Zamiast tekstu możesz użyć obrazu jako linku, używając kodu .

Wskazówka

Używając tych kodów HTML razem, możesz tworzyć statyczne strony internetowe o dowolnej złożoności.

Pomyśl o tagach HTML jako pudełkach w pudełkach lub tych rosyjskich lalkach. Nazywa się to zagnieżdżaniem i sprawia, że ​​wszystko jest uporządkowane i łatwe do odczytania. Na przykład tekst umieszczony między

oraz
będzie pogrubiony, pisany kursywą i wyśrodkowany. ten
pudełko jest w środku pudełko, które znajduje się w środku skrzynka.