DOCTYPE nie jest technicznie tagiem, ale deklaracją, która mówi przeglądarce, jaki rodzaj pliku zostanie załadowany. Ten znacznik informuje przeglądarkę o typie kodu HTML, który zostanie załadowany.
Uwaga: Deklaracja nie ma znacznika zamykającego i nie jest rozróżniana wielkość liter.
Znacznik ….. występuje po znaczniku DOCTYPE. Ten znacznik definiuje dokument jako stronę internetową; każdy inny element zostanie zagnieżdżony w środku. Znacznik HTML określa początek i koniec dokumentu HTML.
dla uporządkowanej listy, by wymienić tylko kilka.
Składnia znacznika
to;
<body> Content </body>
W dokumencie HTML może znajdować się do 6 znaczników nagłówków. Każdy ze znaczników jest reprezentowany przez liczbę zaczynającą się od 1 do 6 jako
,
,
,
,
i
.
H1 to największy znacznik nagłówka, a H6 to najmniejszy.
W dokumencie HTML znaczniki nagłówków mogą być reprezentowane w następujący sposób:
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
Znaczniki od
do
są zawarte w znaczniku .
Na przykład znacznik ,
zostanie ujęty jako;
<body>
<h1> This is heading 1 >/h1>
</body>
Znacznik
lub po prostu znacznik akapitu jest używany, gdy chcesz uporządkować treść w akapicie. Naciśnięcie przycisku „Enter” w dokumencie HTML w edytorze kodu nie spowoduje utworzenia nowego akapitu.
Jeśli chcesz mieć więcej niż jeden akapit, musisz użyć kilku znaczników
w swoim dokumencie. Znaczniki akapitu powinny być ujęte w znaczniku
.
Składnia znacznika akapitu to;
<p> ….some content here….</p>
Jeśli chcesz mieć cztery akapity, Twój kod będzie miał strukturę;
<body>
<p>Content for first paragraph.</p>
<p>Content for the second paragraph.</p>
<p>Content for the fourth paragraph.</p>
</body>
Znacznik lub po prostu pogrubiony sformatuje zawartość między otwierającym a zamykającym jako pogrubiony.
Pogrubiony znacznik może znajdować się między nagłówkiem, takim jak H1, a nawet w obrębie znacznika akapitu.
Oto przykłady pogrubionego tagu;
<b> Bold Tag </b>
Wyrażenie „Bold Tag” zostanie pogrubione.
<h1> Keeping it cool, <b> Fifth edition </b>, the winners edition </h1>
Wydanie piąte będzie pogrubione.
Znacznik kursywy, oznaczony przez , powoduje pochylenie tekstu wewnątrz znaczników.
Na przykład, jeśli mamy
<i> These are italics </i>
Słowa „to jest kursywa” będą wyświetlane kursywą.
Znacznik podkreślenia lub jest używany, gdy chcesz podkreślić określony fragment tekstu w dokumencie HTML.
Na przykład, jeśli mamy;
<u> underline these words </u>
Fraza między znacznikami zostanie podkreślona.
<środek> środek>
Znacznik Center,
, służy do wyśrodkowania treści w dokumencie HTML.
Na przykład, jeśli mamy tag h2 zapisany jako
Wyśrodkowanie treści w HTML
, możemy go wyśrodkować w następujący sposób;
<center>
<h2> Centering Content in HTML </h2>
</center>
Tag Span, , to ogólny kontener wbudowany, który nie ma domyślnego stylu. Możesz użyć znacznika span do grupowania tekstów, którym chcesz nadać styl.
Możesz umieścić tag wewnątrz innych tagów, takich jak nagłówki i akapity;
<h2> Learn HTML <span> from experts </span> and be ready for the market </h2>
<p> Learn HTML <span> from experts </span> and be ready for the market </p>
Znacznik podziału, w skrócie div, to znacznik, który umożliwia grupowanie różnych znaczników w dokumencie HTML.
Tagowi div można nadać „klasę”, aby dodać zewnętrzną stylizację za pomocą CSS.
W ten sposób reprezentowany będzie div zawierający znaczniki h1, h2 i akapit.
<div >
<h1> Learn HTML </h1>
<h2> HTML Tags </h2>
<p> HTML is a markup language……… </p>
</div>
Wyróżnienie lub znacznik służy do podkreślenia pewnych słów w dokumencie HTML.
Treść między znacznikami będzie wyświetlana ukośnie lub kursywą.
Wyróżniona treść w akapicie, która może pojawić się w edytorze kodu, pojawi się jako;
<p> The meeting will start at <em> 0800 hrs </em>, please keep time </p>
Znacznik lub indeks górny pozwala umieścić załączony tekst nad resztą. Doskonałym przykładem jest sytuacja, gdy chcesz podnieść liczbę X do kwadratu i przedstawić ją matematycznie, aby otrzymać X2
Składnia dla w znaczniku akapitu będzie następująca;
<H1> Harveys <sup>TM </sup> Company Limited </H1>
Indeks dolny lub znacznik jest przeciwieństwem znacznika indeksu górnego. Treść zawarta w tagu pojawi się poniżej normalnego wiersza tekstu. Doskonałym przykładem jest zapisanie wzoru chemicznego wody jako H2O.
Składnia znacznika indeksu dolnego będzie następująca;
Remember that H <sub> 2 </sub> 0 is the chemical formula for water
to samozamykający się tag oznaczający przerwę. Cała zawartość po
rozpocznie się w nowej linii.
Składnia dla
w akapicie będzie następująca;
<p> HTML is the abbreviation of Hypertext Markup Language <br>
There has been an ongoing debate as to whether it is a programming language or not <br>
However, we cannot downplay its importance <br>
HTML has been used in more than 95% of websites today </p>
i
-
Znacznik uporządkowanej listy lub
musi być używany z innym znacznikiem, takim jak
- .
Oba mogą pojawić się w edytorze kodu jako;
<ol>
<li> Asia </li>
<li> Africa </li>
<li> Europe </li>
</ol>
Podczas renderowania w przeglądarce zawartość będzie wyświetlana jako numerowana.
Możesz dodać obraz, aby uzyskać atrakcyjność wizualną, a nawet logo. W takim przypadku przydatny jest samozamykający tag graficzny .
Składnia tagu obrazu będzie następująca;
<img src=“https://cdn.pixabay.com/photo/2015/08/19/15/44/seo-896175_960_720.png”/>
Treść ujęta w cudzysłów reprezentuje źródłowy adres URL.
Podsumowanie
Istnieje ponad 100 tagów HTML, ale powyższe to te, które powinieneś znać jako początkujący. HTML jest obsługiwany w większości edytorów kodu, dzięki czemu masz pewność, że nigdy nie popełnisz błędu, gdy zaczniesz się uczyć.