Kroki

2. Otwórz utworzony plik w przeglądarce. Zapisz pusty plik, znajdź go na swoim komputerze i otwórz podwójne kliknięcie myszy. Pusta strona powinna się otworzyć w przeglądarce. Jeśli tak się stanie, przeciągnij plik do paska adresu przeglądarki. W procesie edycji pliku HTML możesz zaktualizować tę stronę, aby wyświetlić zmiany.

3. Zrozumieć, jakie są znaczniki oznakowania. W przeciwieństwie do zwykłego tekstu, znaczniki nie są wyświetlane na stronie. Zamiast tego wskazują przeglądarkę, jak wyświetlić stronę i jej zawartość. Tag "Otwarcie" zawiera instrukcje. Na przykład można poinformować przeglądarkę, że tekst powinien być wyświetlany jako pogrubienie. Potrzebujesz również znacznika "zamykającego" pokazujące przeglądarkę, gdzie kończy się instrukcja. W tym przykładzie tekst między tagami otwierającymi a zamykaniem zostanie wyświetlony pogrubiony. Tagi są rejestrowane wewnątrz oznak nierówności, ale tag zamykający zaczyna się od nachylenia.

cztery. Wybierz w tagu edytora . Każdy plik HTML musi rozpocząć się od tagu I kończyć się tagiem . Tagi te wskazują przeglądarkę, że wszystkie zawartość między tagami są zapisywane w HTML. Dodaj te tagi do dokumentu:

pięć. Utwórz sekcję w pliku . Między tagami i Utwórz znacznik otwarcia i zamykanie tagu . Dodaj kilka pustych linii między nimi. Zawartość zapisana między tagami i , Nie wyświetlany na samej stronie. Postępuj zgodnie z poniższymi krokami, a zobaczysz, co potrzebna jest ta tag:

6. Utwórz sekcję . Wszystkie inne tagi i tekst w tym przykładzie są rejestrowane w sekcji Body, której zawartość jest wyświetlana na stronie. Po Zamykanie tagiem przed Tagging Tag i . Do końca tego artykułu pracuj z sekcją ciału. Twój plik powinien wyglądać na coś takiego:








7. Dodaj tekst za pomocą różnych stylów. Czas dodać aktualną stronę treści! Wszystko, co piszesz między znacznikami ciała, będą wyświetlane na stronie po zaktualizowaniu w przeglądarce. Nie używać Symbolika < lub >, Ponieważ przeglądarka spróbuje interpretować zawartość jako znacznik zamiast tekstu. pisać cześć wszystkim! (lub cokolwiek chcesz), spróbuj dodać te tagi do tekstu i zobacz, co się stanie:

osiem. Podziel tekst na akapity. Jeśli spróbujesz napisać kilka linii tekstu w pliku HTML, zauważ, że rzędy pęknie nie są wyświetlane w przeglądarce. Aby podzielić tekst na akapity, musisz dodać tagi:

dziewięć. Naucz się tworzyć listy. Istnieje kilka sposobów tworzenia list na stronie internetowej. Wypróbuj następujące opcje i zdecyduj, które najbardziej lubisz. Należy pamiętać, że jedna para znaczników jest potrzebna do listy jako całości (na przykład

i

Dla zaznaczonej listy), a każdy element listy jest podświetlony przez inną parę znaczników, na przykład

• Oznaczona lista:
  

• Pierwsza linia
• Drugi ciąg
• Itp

10. Weź stronę za pomocą Zgrzytki, Linie poziome i Kino. Nadszedł czas, aby dodać coś oprócz tekstu na stronie. Wypróbuj następujące tagi lub postępuj zgodnie z linkami, aby uzyskać więcej informacji. Użyj hostingu online, aby utworzyć link do zdjęcia, który chcesz opublikować:

jedenaście. Dodaj linki. Możesz użyć tych tagów, aby utworzyć hiperłącza na inne strony i witryny, ale ponieważ nie masz jeszcze żadnej witryny, teraz dowiesz się, jak tworzyć linki "Anchor", czyli linki do określonych miejsc na stronie:

2. Eksperyment z tabelami HTML. Tworzenie tabeli wiąże się z wykorzystaniem różnych tagów. Możesz eksperymentować lub Czytaj bardziej szczegółowe instrukcje.

3. Dowiedz się dodatkowych tagów sekcji. Nauczyłeś się już tagu , Idąc na początku każdego pliku HTML. Poza tagiem

cztery. Eksperyment z kodem HTML innych stron. Doskonała droga do zbadania HTML będzie przegląda kod źródłowy innych stron internetowych. Możesz kliknąć prawym przyciskiem myszy na stronie i wybierz "Wyświetl kod źródłowy" lub coś podobnego w górnym menu przeglądarki. Spróbuj określić, co nie ma nieznanego znacznika lub szukać informacji o tym w Internecie.

pięć. Badanie bardziej szczegółowych przewodników. W Internecie istnieje wiele witryn dedykowanych na przykładach HTML W3schools lub HTMLOOK. Istnieją papierowe książki na sprzedaż, ale spróbuj znaleźć bieżącą publikację, ponieważ zmieniają się standardy i rozwijać. Jest jeszcze lepszy, aby opanować CSS do kontrolowania znacznika i wyglądu witryny. Po studiowaniu stron internetowych CSS są zazwyczaj uczyć się jаvascript.

• Notatnik ++ - świetny darmowy program podobny do zwykłego notebooka, ale możesz zapisać i przetestować kod w przeglądarce online. (Obsługuje również prawie dowolny język - HTML, CSS, Python, jаvascript i tak dalej).
• Znajdź prostą stronę w sieci, zapisz kod do komputera i eksperymentuj z nim. Spróbuj przeprowadzić tekst, zmień czcionkę, wymień obrazy - cokolwiek!
• Możesz uruchomić notebook, w którym nagrywasz tagi, aby zawsze je mieć pod ręką. Możesz także wydrukować tę stronę i smakować z nim.
• Kiedy piszesz kod, rób to ostrożnie, aby ty i inni ludzie mogliby to zrozumieć. Korzystanie z komentarzy w HTML: nie będą one odzwierciedlone na stronie, ale będą widoczne w dokumencie dokumentu.
• Xml I RSS zdobywanie coraz bardziej popularne. Kod strony zawierający technologie XML i RSS, niedoświadczeni użytkownika trudniejsze do przeczytania i zrozumienia, ale te narzędzia są bardzo przydatne.
• Tagi oznaczania HTML nie zależą od rejestru, ale zaleca się stosowanie tylko małych liter (jak w przykładach w tym artykule) - zarówno w celach normalizacyjnych, jak i do kompatybilności z XHTML.

• Niektóre tagi w ciągu ostatnich kilku lat wyszły z życia codziennego i zostały zastąpione przez nowe, dając takie same lub niektóre dodatkowe skutki.
• Jeśli chcesz sprawdzić swoją stronę, przejdź do strony W3 i znajdź nowoczesne wymagania HTML. Standardy HTML zmieniają się w czasie, a do zastąpienia niektórych znaczników pojawiają się nowe, które pracują lepiej w nowoczesnych przeglądarkach.

• Edytor tekstu, taki jak Notatnik (Windows) lub Textedit (Mac)
• Papier / notepad (niekoniecznie)
• Edytor HTML, taki jak Notepad ++ (Windows) lub Textwrangler (Mac) (niekoniecznie)