HTML (HyperText Marking Language) to główny język programowania do opracowania stron internetowych.Utworzono jako prosty i wygodny język programowania. Większość stron internetowych opracowano przy użyciu jednej z form tego języka (Coldfusion, XML, XSLT). Przeczytając ten artykuł, możesz kontynuować swoje szkolenia przy użyciu innych zasobów w Internecie. Spróbuj wyszukać inne artykuły związane z tym tematem w Internecie.

Kroki

Metoda 1 z 1:

Pisanie stron HTML

jeden. Przed rozpoczęciem zapoznania się z jednym z poniższych kroków, zobacz sekcję "Czego potrzebujesz".

Obraz zatytułowany Zapisz stronę HTML Krok 2

2. Co musisz wiedzieć, zanim zaczniesz rozumieć to pytanie:

3. Podstawy. Czy kiedykolwiek słyszałeś o tagu? Tag jest otoczony przez wsporniki kątowe, ze słowem wewnątrz. Ostatni znacznik jest rejestrowany w tej samej formie, ale z dodatkiem ukośnika po pierwszym zakorzeniu rogu. Atrybut jest dodatkowym słowem w znaczniku używanym do dodawania części do znacznika.

cztery. Rozpoczęcie dokumentu. W każdym używanym edytorze tekstu wstaw, co jest poniżej:
wikihowWitaj świecie
Tag powinien być zamknięty w tej samej tagu, ale z warstwą po pierwszym zakorzeniu. Istnieją wyjątki takie jak tagi Meta lub DocType.

Obraz zatytułowany Zapisz stronę HTML Krok 3

pięć. DocType

Z reguły ustawiono większość stron internetowych DocType ". Pomaga określić kodowanie, jak również, jak będzie postrzegane przez przeglądarki internetowe. Większość stron będzie działać bez niego ", ale jest to konieczne, jeśli chcesz się dopasować (regulują rodzaje kodowania internetowego i sposobów ich użycia). DocType dla HTML 4.01 jest poniżej:http: // W3.Org / tr / html4 / ścisły.DTD"> Jest to jeden z najczęściej DocType używane na stronie przez cały Internet. Najpierw wskazuje typ strony opisującą "HTML", a następnie podkreśla typ kodowania, a na końcu lokalizacja Docalype, który w wyniku czego opisuje stronę przeglądarki internetowej.

Istnieją różne typy HTML (różne wersje zaprojektowane przez wiele lat), na przykład korzystanie z nowych tagów lub konkretnych tagów. Niektóre znaczniki są przestarzały (inne, bardziej przydatne znaczniki są używane).

i - To jest obecnie nałożone na tagi, ponieważ są one używane do przekształcenia tekstu, ale nie specyfikacji, w wyniku czego można je zastąpić. Etykietkajest zastąpieniem , i zastąpienie .

Ważne jest, aby poprzednie tagi zostaną zastąpione tagami, które są bardziej niż formatowanie. Jeśli tekst jest przetłumaczony, nie tylko formatowanie, ale jego znaczenie pozostaje takie samo. Jest semantycznie poprawny.

W wersji XHTML 2.0, tagi i nie używany, a także w wersji HTML 3+.

Obraz zatytułowany Zapisz stronę HTML Krok 4

6. Html "Kapsułań reguł".

Spójrzmy na ważniejsze aktualnie używane tagi. Podczas tworzenia strony używany jest prosta struktura. Jeśli znacznik został otwarty, w wyniku czego, Musi być zamknięty. Dotyczy to całej konstrukcji. Poprawny przykład struktury układu XHTML jest przedstawiony tutaj:

http: // W3.Org / tr / xhtml1 / dtd / xhtml1-surter.DTD">

http: // W3.Org / 1999 / xhtml">

Witaj świecie!

Przykładowy kod, który podaje wiadomość Witaj świecie. Nazywa się to ciastem Witaj świecie.

Obraz zatytułowany Zapisz stronę HTML Krok 5

7. Tytuł

Tytuł strony internetowej - to zawartość między tagiem . Ta treść nie może być wyświetlana przez użytkownika (tylko nazwa wyświetlana na stronie tytułowej). Informacje między tagami , Może zrobić inne tagi, takie jak:

Meta Tag, używany do informacji przydatnych do wyszukiwarek i innych narzędzi.

Link Tag, który tworzy połączenie między dokumentami, na przykład dla stylów (CSS).

Znacznik skryptu, zawiera prawie każde kodowanie stron internetowych, z możliwością zdalnego dostępu (z innego dokumentu).

Tag stylu, który jest zasadniczo stylem, który można zastosować na stronie.

Tytuł Tag, jest to nazwa, która pojawia się jako nazwa strony w przeglądarce internetowej.

Zobaczmy demonstrację niektórych z nich w przykładzie tytułu, zaczerpnięty z tej strony (został zmniejszony):

...

Jeśli nie zauważysz, poszczególne znaczniki zostały przydzielone, z usunięciem rzeczywistych informacji. Przykład jest raczej krótki, z pokazem, prawie, z każdego znacznika, który może być , Z wyjątkiem komentarza HTML (porozmawiamy o tym w prostych tagach).

Obraz zatytułowany Napisz stronę HTML Krok 6

osiem. Proste tagi wszędzie

Przejdźmy dalej i zobaczmy inne tagi. Uważaj za pomocą tagów i pamiętaj o dużej regulu, "enkapsulacji."

Przydziela ważny tekst.

Tworzy mniejszy rozmiar tekstu. Rozmiar czcionki mierzy się w standardowych jednostkach od 1 do 7, 3 - jest to domyślny rozmiar tekstu. .

 Określa blok sformatowany tekst. Jak prawidłowo taki tekst jest rekrutowany przez czcionkę o tym samym rozmiarze i ze wszystkimi przestrzeniech między słowami.

Pokazuje tekst w formie frazy.

~~Krzyżuje tekst.~~

Określa tekst, który został wstawiony do dokumentu.

Jeden z wielu tagów headlock. Tagi tego rodzaju zaczynają się od "H", z różnicą na rysunku. Upewnij się, że zamkniesz tag za pomocą tej samej cyfry.

Definiuje akapit.

W przeciwieństwie do innych tagów, komentarz musi znajdować się w samym znaczniku. Te informacje są widoczne tylko wtedy, gdy zostanie wyświetlony kod.

Pokazuje cytat, może być używany z tagiem .

Poniżej przedstawione powyżej przykłady nie są pełną listą istniejących tagów. Dowiedz się o innych, odwiedź .

Obraz zatytułowany Napisz stronę HTML Krok 7

dziewięć. Tworzenie jasnej struktury

Strony są zaprojektowane do przechowywania danych w prostych zestawach tagów, abyśmy mogli zdemontować informacje w akapitach. Komputer rozpoznaje dane, nie wie o kontekście lub podłączeniu ideologicznym. Musimy utworzyć stronę przyjazną stroną HTML. Osiąga się to przy użyciu tagu DIV. Pomaga stworzyć ogromną liczbę stron. Może być stylizowany z CSS i jest łatwiejszy niż tworzenie dużych tabel kodu do układu.

Ten znacznik jest wyjątkowy, ponieważ można go stylizować i używać poszczególnych bloków informacji, które będą zrozumiane i użytkownik i komputer.

Spójrzmy na prosty układ HTML, który używa tag.

http: // W3.Org / tr / xhtml1 / dtd / xhtml1-surter.DTD">

http: // W3.Org / 1999 / xhtml">

Witaj świecie!

To jest jakiś tekst w Div # Contentone.

Akapit w podsekcji Div # Contentone

Użyj tagu

pomaga w wyszukiwaniu i zmieniających się stylach podczas pracy z CSS i jаvascript. HTML użyje innego kodowania do pracy z stylami CSS i jаvascript, aby utworzyć najlepszą i reagującą interakcję z użytkownikiem.

Rada

Po przeczytaniu tego artykułu nie zatrzymuj się i nie myśl, że nauczyłeś się wszystkiego, czego potrzebujesz. Zawsze jest coś, czego można się nauczyć, zwłaszcza w tej technologii.
Dowiedz się, oferuj i napisz kod.
Należy pamiętać, że niektóre znaczniki używają tylko <>. Akapit i br - niektóre z przykładów. Inne znaczniki otwarte z <>, wymagają dalszego zamknięcia. na przykład, "".
Ludzie czekają na nowe odkrycia, więc wymyślać, tworzą projekt lub kod.
Kiedy wiele się dowiesz się, spróbuj naukę programowania serwera.
Naucz się pracować z CSS, a także z jаvascript.

Ostrzeżenie

Pamiętaj, że HTML edycja treści. Oznacza to, że HTML jest używany tylko do przechowywania treści w rozpoznanym formacie. Inne zmiany powinny być przeprowadzane przy użyciu innych technologii, na przykład CSS. Oznacza to również "semantycznie poprawne, Nawet jeśli inni nie rozpoznają. Inne języki programowania pomagają zbudować strony internetowe (CSS, jаvascript i XML). HTML jest projektantem treści.

Czego potrzebujesz

Edytor tekstowy obsługujący kodowanie ANSI
Przeglądarka internetowa, takich jak Internet Explorer lub Mozilla Firefox
(Opcjonalnie) Edytor HTML WYSIWYG lub WYKIWYG, taki jak Adobe Dreamweaver, Aptana Studio lub Microsoft Expression Web