Omogućava vam da zaobiđete ovu funkciju i prikažete tekst kako to zahtijeva programer.

— definira pasus teksta.  Tag 
To je blok element, uvijek počinje u novom redu, pasusi teksta koji slijede jedan za drugim razdvojeni su paddingom.  Količina paddinga može se kontrolirati korištenjem stilova.  Ako nema završne oznake, smatra se da se kraj pasusa poklapa s početkom sljedećeg elementa bloka.
..
..

- HTML nudi šest naslova na različitim nivoima, što ukazuje na relativnu važnost sekcije nakon naslova.  Da, oznaka 
predstavlja najvažniji naslov prvog nivoa i oznaku 
služi za označavanje naslova šestog nivoa i najmanje je značajan.  Podrazumevano, naslov prvog nivoa se prikazuje najvećim podebljanim fontom, a naslovi narednih nivoa su manje veličine.  Oznake 
,…,
Pogledajte blok elemente, oni uvijek počinju u novom redu, a nakon njih se drugi elementi pojavljuju u sljedećem redu.  Dodatno, razmak se dodaje ispred i iza naslova.  Oznaka ima atribut poravnati, koji definira poravnanje naslova, može uzeti vrijednosti lijevo— poravnanje zaglavlja na lijevo, centar- centriranje, u pravu- desno poravnanje, opravdati— poravnanje po širini (istovremeno duž desne i lijeve ivice).  Ova vrijednost radi samo za zaglavlja koja su duža od jednog reda.


— je kontejner za promjenu karakteristika fonta, kao što su veličina, boja i font.  Iako ovu oznaku još uvijek podržavaju svi pretraživači, ona se smatra zastarjelom i preporučuje se napuštanje njene upotrebe u korist stilova.  Oznaka ima 3 atributa: boja— postavlja boju teksta, lice— definira font fonta, veličina— postavlja veličinu fonta u konvencionalnim jedinicama.

— označava tekst kao citat ili fusnotu uz drugi materijal.  Ovo isticanje je korisno za promjenu stila teksta putem CSS-a, a također se koristi za razdvajanje HTML koda na strukturne elemente.  Pretraživači obično postavljaju tekst unutar kontejnera kurzivom.

— označava da je niz znakova skraćenica.  Korištenje atributa naslov dato je dekodiranje kratice, što omogućava onima koji nisu upoznati s njom da shvate kraticu.  osim toga, tražilice indeksirajte verziju u punom tekstu kratice, koja se može koristiti za poboljšanje rangiranja dokumenta.
Podrazumevano, tekst je zatvoren u kontejner podvučeno isprekidanom linijom.
Ispod je kod u kojem sam koristio sve ove oznake:

 




HTML i CSS su dvije osnovne tehnologije za pravljenje web stranica.  HTML obezbeđuje strukturu stranice, CSS(vizuelni i zvučni) izgled za razne uređaje.  Uz grafiku i skriptiranje, HTML i CSS su osnova za izradu web stranica i web aplikacija.  U nastavku saznajte više o:
Šta je HTML?
 HTML je jezik za opisivanje strukture web stranica.  HTML daje autorima sredstva da:

Objavite online dokumente sa naslovima, tekstom, tabelama, listama, fotografijama itd. 
Preuzmite informacije na mreži putem hipertekstualnih veza, jednim klikom na dugme. 
Dizajnirajte obrasce za obavljanje transakcija sa udaljenim servisima, za korištenje u traženju informacija, rezervacijama, naručivanju proizvoda itd. 
Uključite tabele, video zapise, zvučne zapise i druge aplikacije direktno u svoje dokumente. 

 Sa HTML-om, autori opisuju strukturu stranica koristeći markup.  Elementi jezika označavaju dijelove sadržaja kao što su “paragraf”, “lista”, “tabela” i tako dalje.
Šta je XHTML?
XHTML je a varijanta HTML-a koji koristi sintaksu XML-a, Extensible Markup Language.  XHTML ima sve iste elemente (za pasuse, itd.) kao i HTML varijanta, ali je sintaksa malo drugačija.  Pošto je XHTML XML aplikacija, možete koristiti drugi XML alata sa njim (kao što je XSLT, jezik za transformaciju XML sadržaja).
Šta je CSS?
CSS je jezik za opisivanje prezentacije web stranica, uključujući boje, izgled i fontove.  Omogućava prilagođavanje prezentacije različitim vrstama uređaja, kao što su veliki ekrani, mali ekrani ili štampači. CSS je nezavisni HTML-a i može se koristiti sa bilo kojom oznakom zasnovanom na XML-u jezik jezik.  Odvajanje HTML-a od CSS-a olakšava održavanje stranica, dijeljenje stilskih listova na stranicama i prilagođavanje stranica različitim okruženjima.  Ovo se naziva odvajanjem strukture (ili: sadržaja) od prezentacije.
Šta je WebFonts?
WebFonts je tehnologija koja omogućava ljudima da koriste fontove na zahtjev preko Weba bez potrebe za instalacijom u operativni sistem.  W3C ima iskustva u fontovima za preuzimanje HTML, CSS2 i SVG.  Do nedavno, fontovi za preuzimanje nisu bili uobičajeni na webu zbog nedostatka interoperabilnog formata fontova.  Napori WebFonts-a planiraju riješiti to kroz stvaranje otvorenog formata fonta koji podržava industrija za web (nazvan "WOFF").


Predavanje je privedeno kraju, nadam se da će vam stečena znanja biti od koristi!  U sljedećem predavanju ću vam reći šta tag pohranjuje u sebi , naučit ćemo kako izvoditi sve vrste manipulacija sa slikama, te se upoznati sa tabelama.
Prilikom pisanja ovog članka, opis nekih oznaka je preuzet odavde
Od autora: Zdravo svima.  Svi želimo bolje razumjeti izradu web stranica kako bismo se pozabavili zanimljivim projektima i oživjeli naše ideje.  Ali šta ako ste potpuni početnik?  Naš html udžbenik za lutke sa praktičnim lekcijama pomoći će vam da konačno napravite tako važan iskorak u izgradnji web stranica od nulte razine do barem osnovnog razumijevanja.
 
U učenju razvoja web stranice, kao iu gotovo svakoj drugoj stvari, važna je praksa.  Recept za pravljenje boršča možete pročitati 1000 puta, ali to vas neće spriječiti da ga skuvate.  Možete naučiti osnovne principe vožnje automobila, ali dok ne sjednete za volan, sve je misterija.  Nesumnjivo ima neke koristi od znanja teorije, ali ne tako velike kao od stvarnih vještina.
 
Dakle, ako govorimo o učenju html-a, onda postoji i teorija, a onda postoji praksa.  Teorija je u ovom slučaju jednostavno neka vrsta serije članaka, lekcija na temu jezika, osnovnih oznaka i njihove primjene itd.
 
Vježba za vas počinje kada sami kreirate HTML datoteku, napišete početni kod i počnete vlastitim rukama učiti kako sve to funkcionira.  Napisao sam oznaku i vidio kako funkcionira.  Ubacio sam sliku i provjerio.  Dodati neki atributi itd.  To je praksa koja omogućava brzo razumijevanje i pamćenje glavnih oznaka.  Onda ih jednostavno napišete automatski i ne morate da se sećate pola sata kako da napravite listu.
 
Pa, za rijetke oznake uvijek treba koristiti rječnik.  Mislim da niko, niti jedan super layout dizajner ili web developer, ne zna sve oznake napamet.  To jednostavno nije potrebno.  Ako koristite oznaku jednom svakih 10 godina, zašto je onda držati u glavi?  Mislim da je ovo jasno.
 
Ali ja bih ovu praksu nazvao jednostavno nekom vrstom igre u sandboxu.  Vi samo pišete različite oznake, pokušavate sve shvatiti što je moguće detaljnije, ali zbog čega?  Mora postojati neka svrha.  Obično se proučavaju html i css kako bi se kasnije kreirale vlastite web stranice i punopravne web stranice.
 
Dakle, najbolja praksa je da uzmete gotov izgled web stranice i postavite ga.  Layout je upravo proces kreiranja web stranica iz višeslojnog crteža pomoću html i css jezika.  Oni također mogu koristiti okvire, javascript i biblioteke aplikacija tokom izgleda, ali ovo je tema za drugi razgovor.  Sve ovo je dodatak.  HTML je osnovna tehnologija koju treba dobro razumjeti.
 
Ali ja ću vas usrećiti - to je osnovno, to je najjednostavnije.  Vrlo je lako naučiti kako određene oznake funkcioniraju i kako ih primijeniti.  U html-u nema složenih algoritama, funkcija, metoda, klasa, kao što je to slučaj u programskim jezicima.  Ovo je jezik za označavanje, samo ga malo proučite i sve će biti krajnje jasno.
 
Kako pravilno naučiti jezik i gdje se uvježbati?
 
Opet, govorim o lakom učenju samo ako idete pravim putem.  Odnosno, gledajte pametne video tutorijale u kojima su potrebne stvari objašnjene korak po korak, od jednostavnih do složenih.  Ako gledate lekcije koje nisu strukturirane prema ovom formatu, onda najvjerovatnije jednostavno nećete razumjeti većinu materijala.
 
Srećom, na našoj web stranici sve lekcije su strukturirane i raspoređene od jednostavnih do složenih.  Stoga, ako učite html prema našim lekcijama, onda neće biti problema sa savladavanjem gradiva.
 
Uvjeravam vas da je CSS zanimljiviji za učenje!  A na neki način je čak i lakše.  Prvo, CSS takođe ima dosta svojstava i pravila koja morate zapamtiti.  Drugo, ovaj jezik ima vrlo jednostavnu sintaksu, pa čak ni početnik neće imati problema s pisanjem koda u njemu.  Treće, pošto je CSS zaslužan za izgled stranice, u početku ćete se oduševiti što ste učinili da stranica postane crvena i toj slici dali okvir.
 
Općenito, učenje css-a je jednostavno i zanimljivo, pa preporučujem da ne odugovlačite i počnete odmah nakon što završite s osnovama html-a.
 
Vaša poslednja vežba
 
Konačno, imate ispit.  Ali ne brinite, neće biti teško.  Štaviše, ne morate to raditi sami, već samo prema uputama koje se nalaze u lekcijama.  Ovaj ispit je kurs.  U njemu ćete konačno postići glavni srednji cilj - dizajnirati svoju prvu web stranicu i steći razumijevanje kako koristiti html i css u stvarnoj izgradnji web stranica.  Čak i ako se radi o jednostavnoj web lokaciji, znanje koje ste stekli bit će dovoljno za dalji rast i stvaranje složenijih izgleda.

HTML je jezik za označavanje hiperteksta koji je napravio Internet ono što znamo i volimo.  Zahvaljujući ovom prekrasnom alatu stranice izgledaju lijepo i moderno, a također osiguravaju jednostavnost korištenja.  HTML jednostavno raspoređuje elemente web stranice u format prilagođen korisniku.  Njegov rad je uporediv sa onim što rade ljudi kao što su MS Word ili OpenOffice.  Oni pretvaraju bezličnu masu slova u dokument koji sadrži pasuse, podebljani tekst, kurziv, tabele, pa čak i slike.  HTML jezik radi otprilike istu stvar, sa jedinom razlikom što se njegovi dokumenti prikazuju u pretraživaču, a mogućnosti ovog alata su mnogo šire od onih u uređivaču teksta.  Za označavanje se koriste oznake - posebne naredbe koje opisuju strukturu web stranice.  One su zatvorene u ugaonim zagradama -<тег>, tako da ih pretraživač može razlikovati od većine teksta.  Zatim ćemo pokriti osnove HTML-a za početnike.
Vizuelni urednici
Početnici koji su tek krenuli putem učenja HTML-a često započinju rad sa programima koji vam omogućavaju da kreirate web stranice bez ikakvog znanja.  U njima možete jednostavno rasporediti elemente na ekranu onako kako će biti prikazani u pretraživaču.  Čini se da je to izvor vječne milosti koja vam omogućava da se riješite većine web programera.  Ali nije sve tako jednostavno, budući da vizualni uređivači imaju puno nedostataka zbog kojih je nemoguće koristiti ih u ozbiljnim projektima.
Svi ovi programi stvaraju mnogo nepotrebnih oznaka koje konačnu stranicu čine nezgrapnom i neoptimalnom.  Naravno, u naše doba brzog interneta, ovo je manje važno nego prije, ali postoji niz razloga zašto se sažeta i dobro napisana web stranica pokazuje praktičnijom od svog pandana kreiranog u vizualnom uređivaču.  Web stranicu napravljenu u takvom programu roboti za pretraživanje će loše obraditi, jer im je svaki kilobajt koda važan, a glomazan i nelogičan kod s gomilom vjerojatno neće odgovarati njihovom ukusu.  Osim toga, urednici često zaostaju za vremenom, postaju irelevantni, a trošenje sredstava na njihov razvoj je nepraktično, jer nijedan profesionalac ne koristi ove proizvode.  Stoga, svako ko želi raditi u industriji razvoja web stranica mora poznavati osnove HTML-a.
Oznake
Kao što je gore spomenuto, oznake opisuju strukturu web stranice pretraživaču.  Većina njih ima oznaku za otvaranje i zatvaranje, ali ne svi.  na primjer, , gdje je umjesto tačaka sadržaj.  Prvi pokazuje gdje oznaka počinje, a drugi je zatvara.  Unutra mogu biti drugi elementi za označavanje stranica;  Važno je blagovremeno zatvoriti oznake kako bi stranica bila ispravno prikazana.
Postoje i pojedinačne oznake koje ne treba zatvarati.  U njima se sadržaj nalazi unutra, baš kao što se može napisati za većinu HTML oznaka, i postavlja svojstva elementa.  Naznačen je u početnoj oznaci i izgleda otprilike ovako: attribute="...", gdje je umjesto tačaka vrijednost atributa.  Poznavanje oznaka je prvo i najviše važan korak savladati HTML.  Osnove ove umjetnosti također uključuju razumijevanje strukture web stranice.
Struktura dokumenta
Svaki HTML dokument ima odgovarajuću ekstenziju, na primjer Index.html.  Na ovaj način pretraživač može razumjeti s čime se bavi i ispravno prikazati stranicu.  Preporučljivo je da sve datoteke korištene za kreiranje web stranice pohranite u jedan direktorij, što će vam u budućnosti znatno olakšati život.  Osnove jezika za označavanje hiperteksta HTML zahtijevaju jasno razumijevanje strukture dokumenta.  Počinje sa oznakom, koji pretraživaču govori verziju HTML-a koja se koristi u ovom dokumentu.  Trenutno je relevantna peta verzija jezika, tako da nema potrebe ništa izmišljati, možete sigurno umetnuti gornju oznaku na početak bilo koje stranice.
Zatim tu su glavne uparene strukture koje čine „kostur“ lokacije.  Prva oznaka u kojoj su svi ostali ugniježđeni je ....  Sve što je izvan njega pretraživač ne prepoznaje kao web stranicu, pa otvara dokument i zatvara ga.  Ova oznaka je potrebna za svaki dokument.  Također sadrži još nekoliko potrebnih oznaka, o kojima će biti riječi u nastavku.
Glava
Unutar oznake ... sadrži informacije tehničke prirode koje neće biti prikazane na stranici, ali su ipak važan deo HTML dokument.  Na ovom mjestu su postavljeni temelji stranice; ovdje se bira kodiranje i upisuje se naziv stranice.  Sadrži se unutar obavezne oznake .  Naslov se prikazuje na vrhu pretraživača, gde možete postaviti i malu ikonu koja karakteriše sadržaj stranice.  Preporučljivo je odmah naznačiti kodiranje dokumenta za njegov ispravan prikaz.  To se može učiniti pomoću oznake .  Meta oznake pružaju informacije o strukturi stranice i obično se nalaze unutar glave.
Link
Poznavanje osnova HTML-a također uključuje korištenje kaskadnog stila, ili css.  Oni postavljaju svojstva elemenata koji će biti prikazani na stranici.  Moderan pristup ovom zadatku uključuje prijenos karakteristika kao što su boja, visina i lokacija elementa u vanjski fajl radi veće udobnosti.  Da biste uključili css datoteku, koristite oznaku .  Kada se završi izgleda otprilike ovako: , gdje href označava lokaciju datoteke, a tip označava njen tip.
Tijelo
Upravo u ovom dijelu HTML dokumenta vidljivi dio stranice.  Sve što se radi unutar "tijela" će prikazati pretraživač.  IN koristi se ogromna količina HTML oznake.  Osnove su formatiranje teksta, rad sa linkovima i osnovni alati za strukturiranje web stranice.  Da biste počeli raditi u HTML-u, trebate samo znati osnovne oznake i biti u mogućnosti da ih koristite.  Ispod su najpopularniji:
- koristi se za isticanje podniza koji će biti podložan posebnom stilu opisanom u css-u;
- kreira link na web stranici;  adresa prijelaza je specificirana atributom href;
- jedna od najpopularnijih oznaka našeg vremena;  svako ko odluči da nauči osnove HTML jezik l, treba obratiti posebnu pažnju na to, budući da se radi o blokovskom elementu, na osnovu kojeg se pravi lavovski dio modernih lokacija (parametri za blokove 
su specificirani u css-u, a drugi blokovi se mogu nalaziti unutar ove oznake);
Odabire pasus iz teksta;  sadržaj pasusa je između početne i završne oznake;
- numerisana lista čiji su elementi zatvoreni u uparenoj oznaci 
- lista za nabrajanje, u kojoj su, kao iu numerisanoj listi, elementi označeni oznakom 
-
- naslovi dokumenta (broj označava nivo naslova, tj 
- glavni naslov, a sljedeće opcije su njegovi podnaslovi, usput, naslovi nivoa 
, 
gotovo nemoguće pronaći na Internetu), također je važno zapamtiti da može postojati samo jedan naslov po stranici 
;
- podebljan tekst;
- kurziv;
- umetanje slike na web stranicu (ovo je jedna oznaka, ne zahtijeva oznaku za zatvaranje, ali mora uključivati ​​alt atribut, koji specificira tekst za sliku);

Ovo nisu sve oznake koje su vam potrebne za kreiranje vlastite web stranice, ali su dovoljne za postavljanje osnova HTML-a za početnike.
CSS
Razvoj HTML jezika doveo je do toga da je svaki tag dobio puno atributa i zahtjeva za izgled web stranice su značajno porasle.  Kod je postao glomazan i nezgodan, bilo ga je teško pročitati, a kamoli prilagoditi ili promijeniti.  Osim toga, ako vaša stranica ima deset stranica sa puno naslova označenih zelenom bojom, a vi odjednom želite da ih učinite crvenim, morat ćete se potruditi, mijenjajući svaki ručno.  Sa pojavom kaskadnih listova stilova, ovaj proces je postao jednostavan i logičan, a HTML kod je postao mnogo čitljiviji.
Primjena CSS-a
Da biste kreirali web stranice, morate poznavati osnove HTML-a i CSS-a, jer sada nema šta raditi u ovoj oblasti bez poznavanja kaskadnih stilova.  Oni postavljaju atribute za bilo koji element koji se primjenjuje na cijeli dokument.  Na ovaj način možete postaviti boju za sve elemente odjednom 
Or pisanjem samo jednog pravila.  S obzirom na moderne zahtjeve za izgled web stranica, upotreba kaskadnih stilskih tablica je obavezna.
Da biste povezali css fajl sa dokumentom, postoji oznaka veze.  Princip njegove upotrebe opisan je malo više, ali to nije jedina opcija za kombiniranje svih stilova na jednom mjestu.  Postoji još jedna oznaka