Popis HTML oznaka s opisom

Oznake su riječi na HTML jeziku. Pomoću njihove pomoći možete pretvoriti jednostavan stream teksta u lijepo dizajniran dokument s razumljivom strukturom. Cjeloviti popis HTML oznaka sadrži stotinu stavaka, međutim, u praksi se stalno upotrebljava mnogo manje. Oni obavljaju različite funkcije - od izgradnje vizualnog okvira stranice i oblikovanja teksta na povezivanje datoteka trećih strana i sukladnosti s službenim pravilima Interneta.

Struktura dokumenta

Kako bi se osiguralo da preglednik pregledava web stranicu i da ga robot dobro percipira, trebao bi imati određenu strukturu.

Prva oznaka dokumenta treba biti , On izjavljuje na koju se vrstu odnosi. To je u skladu s doktorkom koju će preglednik prikazati. Najpopularnija vrsta je HTML5 standard, koji se deklarira na sljedeći način:

Stranica mora sadržavati element korijena koji obuhvaća sav svoj sadržaj. Ovu funkciju izvodi oznaka hTML.

Sve informacije o usluzi nalaze se unutar odjeljka glava, a stvarni sadržaj koji će biti vidljiv korisniku može biti priložen u oznaci tijelo.

Upotreba oznake tijelo nije nužno, međutim, smatra dobrom praksom. To vam omogućuje da jasno definirate strukturu web stranice, označite početak i kraj dijela sadržaja.

Svaka oznaka je puni odjeljak sa sadržajem, pa ima dio otvaranja i zatvaranja.

Informacije o servisu

Unutar oznake glava propisani su podaci koji nisu vidljivi korisniku, ali važni za web dokument.

Naslov oznake označava naslov stranice koji će se prikazati na kartici preglednika naslov.

Mnoštvo korisnih informacija o uslugama može se prikazati u obliku meta oznaka koje nemaju zatvaranje. Meta podaci opisani su oznakama atributa meta:

• ime - naziv imovine koji se opisuje;
• sadržaj - njegovo značenje;
• http-ekv - naznaka da se ova meta oznaka mora pretvoriti u HTTP zaglavlje;
• charset - kodiranje u kojem je dokument spremljen.

U nastavku je popis HTML oznaka s atributima koji mogu biti korisni za prijenos važnih podataka:

Povezivanje datoteka

Za potpuno funkcioniranje web stranice često zahtijevaju dodatne resurse, na primjer, stilove i skripte. Može se povezati s datotekama trećih strana ili definiranim u samom dokumentu.

Stilovi moraju biti navedeni unutar oznake glava, kako bi se osiguralo ispravan prikaz stranice. Povezivanje stilskog lista, oznake za privremeno povezivanje s atributima href = "adresa datoteke" i rel = "stylesheet", koji govori pregledniku da je preuzeta datoteka CSS tablica. Definicija pravila stila unutar same stranice treba biti učinjena u oznaci stil.

Spajanje skripti u odjeljku usluge može usporiti preuzimanje, pa se često oglašavaju pri dnu dokumenta prije zatvaranja oznake tijelo. Da biste odredili adresu datoteke, koristi se atribut src. Osim toga, skripta se može napisati unutar oznake, ali da ne vidi preglednik, adresa se ne bi trebala navesti.

Primjer povezivanja datoteka:

Primjer definiranja skripti i stilova unutar stranice:

Izgled stranice

Da biste vizualno prekidali kontinuirani tijek neformatiranog teksta u semantičke skupine, izradili stupce i zasebne odjeljke, koristite strukturne HTML oznake. Oni čine blok spremnike, za koje možete instalirati bilo koji dizajn koristeći CSS.

Najpopularnija oznaka hipertekstualne oznake je, bez sumnje, div. Ne nosi semantičko opterećenje i može se koristiti za grupiranje bilo kojeg segmenta sadržaja.

Osim toga, postoji nekoliko semantičkih strukturnih oznaka uvedenih prema HTML5 standardu. Oni pomažu davati svoj sadržaj određenom semantičkom opterećenju, na koji se odnosi na primjer, kao navigacijski blok ili podrum stranice.

Popis HTML oznaka koje imaju semantičku vrijednost na razini cijele stranice:

Osim toga, novi standard dopušta semantičku grupiranje medijskog sadržaja s potpisom pomoću oznake lik i figcaption.

Oznake zaglavlja

Da biste odvojili zaglavlja različitih razina, postoji cijela grupa oznaka iz do

Naslov drugog stupnja
Naslov treće razine
Glava 4
Naslov 5
Glava 6

U praksi se najčešće koriste prva tri tipa.

Izrada hiperveza

Poveznice s povezivanjem različitih stranica temelj su World Wide Weba, stoga se njihov dizajn u HTML-u daje posebnu pažnju. Linkovi bi se trebali oduprijeti pozadini ostatka teksta, po defaultu imaju plavu boju i podcrtavanje. Takav dizajn daje oznaku .

Potpuni popis atributa HTML oznake hiperveze:

• sve univerzalne atribute, kao što su klasa, id, stil;
• href - adresa stranice na koju se migrira;
• cilj - određuje gdje otvoriti novu stranicu. Prema zadanim postavkama, cilj je trenutna kartica, vrijednost prazan određuje otvaranje nove kartice.
• preuzimanje - umjesto prijenosa, navedena datoteka će se preuzeti na korisnikovo računalo;
• rel - dizajniran za tražilice, s vrijednošću nofollow zabranjuje prijenos robota po referenci;
• tip označava vrstu MIME ciljne datoteke.

Sadržaj medija

Web bi bio vrlo dosadan bez slika, videa i drugih medijskih sadržaja. U HTML standardu postoji nekoliko oznaka za umetanje stranice.

Za postavljanje slika oznaka je namijenjena img sa sljedećim specifičnim atributima:

• src - adresa slike;
• alt - Alternativni tekst koji će se prikazati ako dođe do pogreške tijekom postupka učitavanja slike;
• širina, visina - veličina.

Ugrađeni objekti mogu se nalaziti unutar oznaka objekt ili ugraditi, Osim toga, standard HTML5 uveo je posebne oznake video i zvučni. Imaju impresivan popis atributa koji kontroliraju prikaz i reprodukciju medijskog sadržaja.

oznaka iframe Stvara zasebni plutajući okvir u kojem se može učitati još jedan web-dokument.

platno omogućuje vam stvaranje različitih slika i dinamički ih manipulirati visokom učinkovitošću koristeći jаvascript.

Oblikovanje teksta

Popis HTML oznaka namijenjenih oblikovanju tekstualnog sadržaja vrlo je velik.

• b, jak - oznaka masti;
• ja, em, DFN - kurzivu;
• q, blockquote - raspodjela ponuda;
• kod, kbd - jednorazredni font;
• del, a - precrtano;
• ins, u - naglašavaju;
• oznaka - raspodjela žutom bojom;
• pod - indeks;
• srkati - eksponent;
• mali - tekst manji od trenutnog.

Prisilni prijenosi mogu se organizirati pomoću oznake
. će zatražiti preglednik za moguće prekide retka. Osim toga, tu je oznaka

Tekst u obliku paragrafa pomoći će da označite

, i razdvojite ih tankom sivom linijom - .

Interaktivni elementi

Vrlo je važno za rad internetskih stranica oblika i raznih interaktivnih elemenata. Omogućuju vam primanje i prijenos potrebnih podataka, interakciju s korisnikom, stvaranje dinamičnog sadržaja.

Jedan od najvažnijih elemenata oblika je polje za unos koju predstavlja oznaka . Može potrajati mnogo različitih oblika ovisno o vrijednosti atributa vrsta.

Ostali elementi oblika:

• dugme - gumb;
• odabrati - padajući popis;
• podruÄŤje - višeslojno polje za unos;
• oznaka - potpis za polje.

oznaka obrazac grupnih interaktivnih elemenata i osigurati slanje podataka poslužitelju i fieldset - povezuje srodna polja u skupinama.

Registracija popisa

U HTML-u postoje tri vrste popisi: označeni, numerirane i popis definicija.

Popis definicija sastoji se od:

• kontejner -

  -

• naziv pojma -
  -
• opis pojma -
  .

Pojam 1
Opis prvog pojma
Izraz 2
Opis drugog pojma

Popis s oznakom HTML oznake - (naručeni popis), označen - (neorganizirani popis). Njihove su stavke zamotane u oznaku (stavka popisa).

svaki
lovac
želi
znati
gdje
sjedi
fazan

Oblikovanje tablica

Drugi važan element weba su tablice koje vam omogućuju sustavizaciju i prikladno predstavljanje velikih količina informacija.

Popis oznaka tablice HTML-a:

• kontejner stolnog stola;
• thead - kapa koja obično sadrži zaglavlja;
• tbody - tijelo tablice s glavnim podacima;
• tfoot - podnožje u kojem su zbrojevi sumirani;
• tr - niz stanica;
• td je obična stanica;
• th - header cell, ima svoj zadani izgled;
• col - omogućuje odabir stupca tablice i primjenu stilova na njega;
• grupa - skupina stupaca;
• naslov je opis na tablici.

Ovaj nepotpuni popis HTML oznaka s opisom pokazuje koliko su široke mogućnosti hipertekstualnog označavanja u dizajnu web stranica. Dizajner izgleda može predstaviti sve informacije u obliku jednostavnog za korisnike i istodobno osigurati dobru percepciju stranice robota za pretraživanje, što je vrlo važno za njegovu promociju.