HTML
Wprowadzenie
HTML oznacza Hyper Text Markup Language.Jest to język formatowania używany do definiowania wyglądu i zawartości strony internetowej. Pozwala nam organizować tekst, grafikę, audio i wideo na stronie internetowej.
Key Points:
Słowo hipertekst odnosi się do tekstu, który działa jak łącze.
Słowo znacznik odnosi się do symboli używanych do określenia struktury tekstu. Symbole znaczników informują przeglądarkę, jak wyświetlać tekst i są często nazywane znacznikami.
Słowo Język odnosi się do składni podobnej do każdego innego języka.
HTML został stworzony przez Tim Berners-Lee w CERN.
Wersje HTML
Poniższa tabela przedstawia różne wersje języka HTML:
Wersja | Rok |
---|---|
HTML 1.0 | 1991 |
HTML 2.0 | 1995 |
HTML 3.2 | 1997 |
HTML 4.0 | 1999 |
XHTML | 2000 |
HTML5 | 2012 |
Tagi HTML
Tag to polecenie, które mówi przeglądarce internetowej, jak wyświetlić tekst, dźwięk, grafikę lub wideo na stronie internetowej.
Key Points:
Tagi są oznaczone parą nawiasów kątowych.
Zaczynają się od znaku mniejszego niż (<) i kończą znakiem większym niż (>).
Nazwa etykiety jest podana między nawiasami ostrymi.
Większość tagów występuje zwykle w parze: tag początkowy i tag zamykający.
Znacznik początkowy to po prostu nazwa tagu ujęta w nawias ostry, podczas gdy tag zamykający jest określony za pomocą ukośnika (/).
Niektóre tagi są puste, tzn. Nie mają tagu zamykającego.
W tagach nie jest rozróżniana wielkość liter.
Nazwa tagu początkowego i zamykającego musi być taka sama. Na przykład <b> cześć </i> jest nieprawidłowe, ponieważ oba są różne.
Jeśli nie określisz nawiasów ostrych (<>) dla znacznika, przeglądarka potraktuje nazwę znacznika jako zwykły tekst.
Znacznik może również mieć atrybuty dostarczające dodatkowe informacje o tagu do przeglądarki.
Podstawowe tagi
W poniższej tabeli przedstawiono podstawowe tagi HTML, które definiują podstawową stronę internetową:
Etykietka | Opis |
---|---|
<html> </html> | Określa dokument jako stronę internetową. |
<head> </head> | Określa opisowe informacje o dokumentach WWW. |
<title> </title> | Określa tytuł strony internetowej. |
<body> </body> | Określa treść dokumentu internetowego. |
Poniższy kod pokazuje, jak używać podstawowych tagów.
<html>
<head> Heading goes here…</head>
<title> Title goes here…</title>
<body> Body goes here…</body>
</html>
Formatowanie znaczników
W poniższej tabeli przedstawiono znaczniki HTML używane do formatowania tekstu:
Etykietka | Opis |
---|---|
<b> </b> | Określa tekst jako pogrubiony. Na przykład.this is bold text |
<em> </em> | To jest tekst frazy. Określa wyróżniony tekst. Na przykład. Podkreślony tekst |
<strong> </strong> | To jest tag frazy. Określa ważny tekst. Na przykład. this is strong text |
<i> </i> | Zawartość znacznika kursywą jest wyświetlana kursywą. Na przykład. Tekst kursywa |
<sub> </sub> | Określa tekst z indeksem dolnym. Na przykład. X 1 |
<sup> </sup> | Określa tekst z indeksem górnym. Na przykład. X 2 |
<ins> </ins> | Określa wstawiony tekst. Na przykład. Cena pióra jest teraz |
<del> </del> | Określa usunięty tekst. Na przykład. Cena pióra jest teraz |
<mark> </mark> | Określa zaznaczony tekst. Na przykład. To jestpada deszcz |
Tagi tabel
W poniższej tabeli opisano często używane znaczniki tabeli:
Etykietka | Opis |
---|---|
<table> </table> | Określa tabelę. |
<tr> </tr> | Określa wiersz w tabeli. |
<th> </th> | Określa komórkę nagłówka w tabeli. |
<td> </td> | Określa dane w komórce tabeli. |
<caption> </caption> | Określa tytuł tabeli. |
<colgroup> </colgroup> | Określa grupę kolumn w tabeli do formatowania. |
Lista tagów
W poniższej tabeli opisano często używane znaczniki list:
Etykietka | Opis |
---|---|
<ul> </ul> | Określa nieuporządkowaną listę. |
<ol> </ol> | Określa uporządkowaną listę. |
<li> </li> | Określa element listy. |
<dl> </dl> | Określa listę opisów. |
<dt> </dt> | Określa termin na liście opisów. |
<dd> </dd> | Określa opis terminu na liście opisów. |
Ramy
Framespomóż nam podzielić okno przeglądarki na wiele prostokątnych obszarów. Każdy region zawiera oddzielną stronę internetową html i każdy z nich działa niezależnie.
Zestaw ramek w całej przeglądarce nazywany jest zestawem ramek. Mówi przeglądarce, jak podzielić okno przeglądarki na ramki i strony internetowe, które każda z nich musi załadować.
W poniższej tabeli opisano różne znaczniki używane do tworzenia ramek:
Etykietka | Opis |
---|---|
<frameset> </frameset> | Jest to zamiana tagu <body>. Nie zawiera tagów, które są normalnie używane w elemencie <body>; zamiast tego zawiera element <frame> używany do dodawania każdej klatki. |
<frame> </frame> | Określa zawartość różnych ramek na stronie internetowej. |
<base> </base> | Służy do ustawiania domyślnej ramki docelowej na dowolnej stronie zawierającej łącza, których zawartość jest wyświetlana w innej ramce. |
Formularze
Formssłużą do wprowadzania wartości. Te wartości są wysyłane do serwera w celu przetworzenia. Formularze używają elementów wejściowych, takich jak pola tekstowe, pola wyboru, przyciski opcji, listy, przyciski przesyłania itp., Aby wprowadzić dane do nich.
W poniższej tabeli opisano często używane tagi podczas tworzenia formularza:
Etykietka | Opis |
---|---|
<form> </form> | Służy do tworzenia formularzy HTML. |
<input> </input> | Określa pole wejściowe. |
<textarea> </textarea> | Określa kontrolkę obszaru tekstu, która umożliwia wprowadzanie tekstu wielowierszowego. |
<label> </label> | Określa etykietę elementu wejściowego. |