559 Shares 8616 views

Przykładem strony HTML i podstawowe zasady

Wynalazł wiele języków, ale język HTML jest jednym z najbardziej wyjątkowych i vosstrebovan. Ponieważ wiąże się wiele innych ważnych inicjatyw w programowaniu. Dużo jest udostępniana, gdy w umysłach programistów obecnej znajomości języka znaczników – Hypertext Markup Language (HTML).


W rzeczywistości, w HTML, nie jest niczym trudnym, a po kilku minutach wszyscy najbardziej odległych od programowania i ludzi internetowych spełni ustanowienie HTML stron w notesie. Godny uwagi przykłady, prostota, rzeczywiście, dostępne dla każdego.

ogólny opis

plik HTML – strona jedną stronę, choć jest to wątpliwe, ale co to jest jeden plik na stronę, na początek to jest jasne.

Plik HTML zaczyna się od nagłówka DOCTYPE, która określa, że typ pliku – HTML. Wszystkie elementy strony (znaczniki) są wskazane w nawiasach kątowych. Każda para ( "") zawiera jeden tag HTML. Zwykle znaczniki HTML są sparowane, czyli dla każdego tagu «» posiada «/ Tag». Oba są w nawiasach kątowych. Istnieje jeden tag, z których najbardziej popularne «br /» – przejście do następnej linii.

Największym tag w pliku – to sam HTML, który zawiera tylko dwa tag: głowa i ciało. W pierwszym przypadku, różne specyfikacje są orientacyjne linków do innych istotnych plików stronie mogą występować PHP i skryptów JavaScript. W drugą stronę pisemnej treści. Również w postaci znaczników i skrypty.

Prosta strona HTML

Przykład tworzenia takiej strony jest podana w poniższej wyrobu. Traktować je ostrożnie.

sekcja HEAD

Głównym celem HEAD tag – ogólny opis strony i ogólnych skryptów, choć ten ostatni – tylko pojęciem względnym. Zwykle nie przywiązuje dużą wagę do zaledwie dwóch rzeczy:

  • słowa kluczowe i opis strony;
  • linki do innych plików (* .css i * js).

Aby wyświetlić zawartość zawartości strony tej sekcji ma znaczenie tylko pośrednio, ponieważ wskazuje, gdzie niektóre inne pliki mają reguły CSS dla znaczników i innych skryptów języków.

HTML-strona ma tytuł (tytuł), który jest wyświetlany, gdy użytkownik wprowadza myszy nad kartą, gdzie strona jest otwarta. Jest to ważne, ponieważ to sprawia, że strona wiele bardziej reprezentacyjny, łatwiej powiedzieć, podpisana czytelnego tekstu.

Meta-tagi są ważne w programowaniu stron internetowych w ogóle, ale gdy jest to konieczne do tworzenia stron HTML w notatniku, przykład niepożądany bałaganu zbędnych struktur.

Na link i linki skrypt powinien zwrócić szczególną uwagę. Pierwszy odnosi się do miejsca, w którym znajduje się plik arkusza stylów CSS, drugi – lokalizacja pliku kodu JavaScript. Takie połączenia mogą być ustawione.

Jeśli używasz skrypty powinny być traktowane jako wiedzy HTML będą silniejsze, należy natychmiast zwrócić uwagę na kaskadowych arkuszy stylów. Pliki CSS są w szczególności zasady rejestracji znaczników HTML.

sekcja BODY

W rzeczywistości, przykładowa strona HTML – jest to sekcja BODY. To tutaj, że zawiera wszystkie informacje, wszystkie strony zawartości. Wszystkie informacje są prezentowane w postaci znaczników i skryptów, takich jak wstawianie kodu JavaScript lub kawałki PHP-programu.

Ważne jest, aby zdać sobie sprawę, że przykład HTML stron internetowych w przeglądarce, a tym samym przykład w edytorze tekstu, takim jak Notatnik, to nie jest to samo. W pierwszym przypadku jesteśmy gotowi HTML tekst, w którym wszystkie skrypty wykonywane. Na przykład, PHP spełniła swoją rolę i tworzą zamiast kodu w odpowiednich miejscach znaczniki. JavaScript spełniony również swoją misję, choć jeszcze o to, aby być oddzielną rozmowę.

HTML – to tagi zamiast skryptów. Ostatecznie, tylko zawartość strony wyświetlanej w przeglądarce, ale jego znacznik. Nie PHP kodu nie ma.

JavaScript jest w specjalnej pozycji, jego opieką – służyć stronę, a nie tylko w czasie rozruchu (przeciążenie), ale w chwilach, gdy strona jest w przeglądarce odwiedzającego oraz badaniach.

Prosty przykład stanowi kod HTML strony (tylko w części korpusu) przedstawiono poniżej.

przeglądarki użytkownika wygląda jak pokazano poniżej.

nie została określona w kodzie powinna wyglądać elementów, które doprowadziły przeglądarkę. Cały projekt jest widoczny w regułach CSS. W tym przypadku, mcss plik / scPhpWordRW.css który był określany (zob. Już pierwszy przykład strony HTML).

W przeciwieństwie do HTML, CSS tematem jest prostsze, tam jest bardzo łatwo dostępne zasady i ich liczba jest mała, gdy przykładem tworzenia stron HTML nie wymaga niczego innego niż notatnik. Wszystko jest bardzo łatwo dostępne do natychmiastowego rozwoju:

To pokazuje, jak łatwo jest to opisane tag scLogo_vDoc, a ten opis jest w normalnym stanie tagu wyświetla obraz vDoc-logo.png, a gdy wskaźnik myszy znajduje się nad nim – wyświetlane vDoc-logo-h.png.

Struktura opisów HTML

Język nie wymaga przeprowadzania jakichkolwiek struktury i składni koncepcji tutaj jest bardzo względne. Brak zmiennych, ale istnieje wiele możliwości. Fundamentalną podstawą hipertekstu jest to, że istnieje element (tag), który z pewnością ma imię.

Nazwa przypadku para tag, składający się z imion (Zmienna) i wsporników kątowych ( «»), jeśli mówimy o początku znacznika i «», jeśli rejestrowane jego koniec.

Przykład stron HTML opisujących atrybutów znajdujących się w poniższym tekście.

Znacznik może mieć atrybuty, a następnie są one wprowadzane przez przestrzeń po nazwie znacznika przed kątownik zamykający „>”. Atrybuty, jeśli mają znacznik jest zapisywany tylko na początku. Zawartość znacznika jest ta, która leży pomiędzy znacznikiem otwierającym i koniec.

Wszystkich opisy zawartość HTML

HTML pozwala opisać elementy blokowe i liniowe. Pierwszy zajmuje pewien obszar w oknie przeglądarki można umieścić absolutnie, że znajduje się w odpowiednim miejscu w dziedzinie wyświetlania stron HTML i mają określoną wielkość.

elementy inline pojawiają się zwykle jeden wątek, który jest, jak stwierdzono w pliku stronicowania, a wyświetlane na ekranie. Wyświetlanie całkowitego przepływu można wpływać, gdy wystąpi strona załadowała. Na umieszczeniu, widoczności i innych właściwości elementów blokowych można wpływać w dowolnym momencie za pośrednictwem kodu JavaScript.

Oprócz prostych elementów, HTML oferuje opisać tabel i formularzy. Elementy te są bardzo popytu w „codziennej budynku miejscu.”

Opis: Tabela tagów, TR, TD

Gdy tag tabeli mogą być wykorzystane do tworzenia tabeli, określ liczbę wierszy i TR w rzędzie dla pewnej liczby komórek TD. W przeciwieństwie do zwykłego stołu organizacji, ze względu na charakter HTML znaczników organizacji tabelarycznej ogranicza się do tej deklaracji, bo jeśli deweloper chce mieć prostokątny stół, w którym liczba kolumn we wszystkich rzędach taka sama, to musi wynikać, że dla siebie.

Pryncypialne stanowisko HTML: robić to, co jest, ale nic z tego nie zrozumiał. W niektórych przypadkach nie jest tak ważne, aby liczba kolumn w każdym wierszu tabeli, ale jeśli chcesz przeprowadzić Scal komórki w pionie lub poziomie, konieczne jest, aby policzyć wszystko bardzo dokładnie.

Przykład strony HTML z opisem prostej tabeli przedstawiono graficznie w artykule.

Oto tabela pokazuje wielkość trzech rzędach po trzy kolumny, z pierwszym znacznikiem wiersza TH użyto zamiast znacznika TD – nagłówku kolumny. Szczególnie wyróżnia te dwa znaczniki nie ma, ale jest to możliwe do wykorzystania jako pierwszy rozróżnienie pomiędzy pierwszym wierszu tabeli, aw CSS TH można dołączyć swój własny styl, który odróżnia go od innych TD.

Formularz Opis: znacznik FORM, INPUT

Forma – jest to najbardziej poszukiwany część znaczników HTML. Korzystanie formy mogą przekazywać informacje. Faktycznie, strona – informacja ta wystawa, ale forma – wejście.

Przykład strony HTML z opisem prostej formie:

Używa form znacznie więcej, ale główne cechy są następujące. Można określić pole wprowadzania, trzeba przypisać je do projektowania i obsługi zdarzeń dla analizy danych wprowadzanych przez użytkownika. Można określić ukryte pole i przekazywać informacje ze strony tle. Można wskazać przycisk transmisji informacji, naciskając który inicjuje proces przesyłania danych.

Korzystanie z HTML

Aby poznać język hipertekstowy – niezbędny warunek dla każdej specjalizacji pracy w zakresie programowania internetowego, ale jeśli chcesz napisać program w PHP lub JavaScript, a następnie znać HTML + CSS muszą idealnie.

język PHP został zidentyfikowany w poprzednim przykładzie. PHP działa na serwerze, ponieważ strona z tej formy poleciał z serwera do przeglądarki z polami wypełnionymi. W szczególności TestOnBlur funkcje wymienione w INPUT Tag (onblur procedury obsługi zdarzenia), otrzymał wszystkie parametry w postaci pól tekstowych.

Przeglądarka działa JavaScript, a właściwie pracował przycisk Dane wysłać z powrotem do serwera, czyli projekt :. onclick = jQuery ( „# do”) val ( „koszyk”), konieczne jest, aby wiedzieć nie tylko o tym, co jQuery, ale co # Aby, val, koszyk. Dokładniej mówiąc, konieczne jest, aby znać podstawowe tagi HTML oraz ogólne zasady mające zastosowanie do nich style CSS.

To wystarczy, aby szybko podnieść kwalifikacje każdej specjalizacji w dziedzinie programowania internetowego.