HTML (Hypertext označavajući jezik) je glavni programski jezik za razvoj web stranica.Kreiran kao jednostavan i praktičan programski jezik. Većina internetskih stranica razvijena je pomoću jednog od oblika ovog jezika (ColdFusion, XML, XSLT). Pročitajući ovaj članak možete nastaviti trening koristeći druge resurse na Internetu. Pokušajte potražiti druge članke koji se odnose na ovu temu na Internetu.

Korake

Metoda 1 od 1:

Pisanje HTML stranica

jedan. Prije nego što započnete upoznavanje s jednim od koraka predstavljenih ovdje, pogledajte odjeljak "Šta vam treba".

Slika pod nazivom Napišite HTML stranicu korak 2

2. Što trebate znati prije nego što počnete shvaćati ovo pitanje:

3. Osnove. Jeste li ikad čuli za oznaku? Oznaka je okružena kutnim zagradama, s riječju iznutra. Konačna oznaka bilježi se u istom obliku, ali uz dodatak kosa nakon prve ugla nosača. Atribut je dodatna riječ u oznaci koja se koristi za dodavanje dijelova na oznaku.

4. Početak dokumenta. U bilo kojem uređivaču teksta koji koristite, umetnite ono što je ispod:
Zdravo svijete
Oznaka treba biti zatvorena u istoj oznaci, ali s slojem nakon prvog ugla nosača. Postoje izuzeci poput oznaka Meta ili Doctype.

Slika pod nazivom Napišite HTML stranicu Korak 3

pet. Doctype

U pravilu se postavlja većina web stranica Doctype ". Pomaže u određivanju kodiranja, kao i kako će to biti percipiran web pretraživačima. Većina stranica će raditi bez njega, "ali potrebno je ako želite da se podudarate (oni regulišu vrste internetskih kodiranja i načina za njihovo korištenje). Doctype za HTML 4.01 je u nastavku:http: // W3.Org / tr / html4 / strog.DTD"> Ovo je jedno od najčešćih Doctype se koristi na stranici na cijelom internetu. Prvo, ukazuje na vrstu stranice koja opisuje "HTML", tada ističe vrstu kodiranja i na kraju, lokacija DocTypea, što kao rezultat opisuje stranicu za web pretraživač.

Postoje različite vrste HTML-a (razne verzije dizajnirane dugim godinama), na primjer, upotreba novih oznaka ili određenih oznaka. Neke su oznake zastarjele (ostalo, umjesto toga koriste se korisnije oznake).

i - To je ono što se trenutno nameće oznakama, jer se koriste za transformaciju teksta, ali ne i specifikacije, kao rezultat, ostale oznake dolaze da ih zamijene. Označitije zamjena za , i zamena za .

Važno je da se prethodne oznake zamjenjuju oznakama koje su više od formatiranja. Ako je tekst preveden, a zatim ne samo formatiranje, već i njeno značenje ostaje isto. Semantički je tačan.

U XHTML verziji 2.0, oznake i ne koristi, kao i u HTML verziji 3+.

Slika pod nazivom Napišite HTML stranicu korak 4

6. HTML "Enkapsulacija pravila".

Pogledajmo još važnije oznake koje se trenutno koriste. Dok se kreira stranicu, koristi se jednostavna struktura. Ako je oznaka otvorena, tada kao rezultat, Mora biti zatvoreno. Ovo se odnosi na cijelu strukturu. Ovdje je predstavljen tačan primjer XHTML građevine izgleda:

http: // W3.Org / tr / xhtml1 / dtd / xhtml1-strog.DTD">

http: // W3.Org / 1999 / xhtml">

Zdravo svijete!

Uzorak koda koji daje poruku Zdravo svijete. Ovo se zove tijesto Zdravo svijete.

Slika pod nazivom Napišite HTML stranicu koraka 5

7. Naslov

Naslov web stranice - Ovo je sadržaj između oznake . Korisnik ovog sadržaja ne može pregledati (samo ime koje je prikazano na naslovnoj stranici). Informacije između oznaka , Može napraviti druge oznake, kao što su:

Meta tag, koja se koristi za informacije korisne za pretraživače i druge komunalije.

Oznaka veze koja stvara vezu između dokumenata, na primjer, za stilove (CSS).

Oznaka skripte, uključuje gotovo bilo koji web kodiranje, uz mogućnost daljinskog pristupa (iz drugog dokumenta).

Stil tag, koji je u osnovi stil koji se može primijeniti na stranici.

Naslovna oznaka, ovo je ime koje se pojavljuje kao naziv stranice u vašem web pretraživaču.

Pogledajmo demonstraciju nekih od njih u primjeru naslova, snimljene s ove web stranice (smanjena je):

...

Ako niste primijetili, dodijeljene su pojedinačne oznake, s uklanjanjem stvarnih informacija. Primjer je prilično kratak, shodom, gotovo, svake oznake koja može biti u , S izuzetkom HTML komentara (razgovaraćemo o tome u jednostavnim oznakama).

Slika pod nazivom Napišite html stranicu korak 6

osam. Jednostavne oznake svuda

Idemo dalje i vidimo druge oznake. Budite oprezni koristeći oznake i zapamtite pravilo velikog prsta, "enkapsulacija."

Odredba važan tekst.

Čini manju veličinu teksta. Veličina fonta mjeri se u standardnim jedinicama od 1 do 7, 3 - ovo je zadana veličina teksta. .

 Određuje blok formatiranog teksta. Koliko je tačno, takav tekst regrutovan fontom iste veličine i sa svim razmacima između riječi.

Prikazuje tekst u obliku fraze.

~~Krstese tekst.~~

Određuje tekst koji je ubačen u dokument.

Jedna od mnogih oznaka za glavu. Oznake ove vrste počinju sa `h`, s razlikom na slici. Obavezno zatvorite oznaku sa istom cifrom.

Definiše odlomak.

Za razliku od drugih oznaka, komentar mora biti unutar same oznake. Te su informacije vidljive samo kada se kôd gleda.

Prikazuje citat, može se koristiti sa oznakom .

Gore navedeno nekoliko primjera nije kompletan popis postojećih oznaka. Da naučite o drugima, posjetite .

Slika pod nazivom Napišite HTML stranicu korak 7

devet. Stvaranje jasne strukture

Stranice su dizajnirane da drže podatke u jednostavnim skupovima oznaka tako da možemo rastaviti informacije u paragrafima. Računar prepoznaje podatke, ne zna za kontekst ili ideološku vezu. Moramo kreirati stranicu za HTML stranicu koja sluge. To se postiže kada koristite DIV oznaku. Pomaže u stvaranju ogroman broj stranica. Može se stilizirati sa CSS-om, a lakše je od stvaranja velikih kodova stolova za izgled.

Ova je oznaka posebna jer se može stilizirati i koristiti pojedinačne blokove informacija koje će se razumjeti i korisnik i računar.

Pogledajmo jednostavan HTML izgled koji označava DIV koristi.

http: // W3.Org / tr / xhtml1 / dtd / xhtml1-strog.DTD">

http: // W3.Org / 1999 / xhtml">

Zdravo svijete!

Ovo je neki tekst u Div # contentoneu.

Odlomak u pododjeljku Div # Contentne

Koristite oznaku

pomaže u pretrazi i promjeni stilova dok rade sa CSS i jаvascript. HTML će koristiti različito kodiranje za rad sa CSS stilovima i jаvascript-u za stvaranje najbolje i odgovorne interakcije s korisnikom.

Savjeti

Nakon čitanja ovog članka, nemojte prestati i ne mislite da ste saznali sve što vam treba. Uvijek postoji nešto što možete naučiti, posebno u ovoj tehnologiji.
Naučite, dogovorite i napišite kod.
Imajte na umu da neke oznake koriste samo <>. Stavak i br - neki od primjera. Ostale oznake otvorene sa <>, trebaju dodatno zatvaranje. Na primjer, "".
Ljudi čekaju nova otkrića, tako izmišljaju, kreiraju dizajn ili kod.
Jednom kada puno naučite, pokušajte učiti programiranje servera.
Naučite da radite sa CSS-om, kao i sa jаvascript-om.

Upozorenja

Zapamtite da HTML uređuje sadržaj. To znači da se HTML koristi samo za pohranu sadržaja u prepoznatom formatu. Ostale promjene treba provoditi koristeći druge tehnologije, na primjer, CSS. To takođe znači učiniti "semantički tačno, Čak i ako drugi ne prepoznaju. Ostali programski jezici pomažu u izgradnji web stranica (CSS, jаvascript i XML). HTML je dizajner sadržaja.

Sta ti treba

Uređivač teksta koji podržava ANSI kodiranje
Web pretraživač, kao što su Internet Explorer ili Mozilla Firefox
(Izborno) WYSIWYG ili WYKIWYG HTML Editor, poput Adobe Dreamweaver, Aptana Studio ili Microsoft Expression Web