Najvažnija HTML pitanja koja biste trebali označiti

HTML je već dugo prisutan, tako da je vrijeme da naučite osnove. Što je to, kako radi i kako napisati neke uobičajene elemente u HTML-u.

Prije početka, pročitajte naš vodič za besplatne internetske HTML urednike 5 najboljih besplatnih internetskih HTML uređivača kako biste testirali svoj kôd 5 najboljih besplatnih internetskih HTML uređivača kako biste testirali svoj kôd. možete ga prilagoditi po želji, internetski HTML uređivač će vam bolje poslužiti. i najbolje web stranice za primjere kvalitetnog HTML-a. 8 Najbolje web stranice za primjere kvalitetnog HTML kodiranja 8 najboljih web-mjesta za primjere kvalitetnog HTML koda Postoje neke fantastične web stranice koje nude dobro dizajnirane i korisne primjere i upute za kodiranje HTML-a. Evo osam naših favorita. .

Što je HTML?

HTML je jezik koji se upotrebljava za izradu web stranica. HTML znači Jezik za označavanje hiperteksta i jednostavan je skup uputa za vaš web preglednik. Pomoću ovih uputa vaš preglednik prikazuje kako bi trebala izgledati web stranica.

Važno je razumjeti da je a označavanje jezik, a ne a programiranje Jezik. Programski jezici omogućuju vam rješavanje problema, kao što su matematičke jednadžbe, manipulacija podacima ili premještanje znakova videoigara.

Ne možete napisati nijednu logiku u HTML-u. Bavi se samo izgledom.

Kako izgleda HTML??

HTML se sastoji od nekoliko elemenata poznatih kao “oznake”. Oznake su upute za stiliziranje određenog dijela vaše web stranice. Vratimo se na izgradnju, HTML su planovi, a oznake su specifične značajke kao što su prozori ili vrata.

Evo kako izgleda vrlo osnovna web stranica u HTML-u:

  MUO web stranica    

Oznake u HTML-u unaprijed su određene i određuju uobičajene značajke kao što su slike, veze na druge web stranice, gumbe i još mnogo toga.

Velika većina oznaka mora biti otvorena i zatvoreno. Ovo jednostavno definira neku značajku, u kojoj je tekst, slike ili druge oznake unutar nje, a zatim završava definiciju. Razmišljati o kućama, otvaranje oznake je poput riječi “pokrenite prozor ovdje”, a zatvaranje oznake je kao da kažete “evo gdje se završava prozor”.

HTML oznake zapravo se neće prikazivati ​​na vašoj web lokaciji. Vaš preglednik slijedi upute, ali ga nikada ne prikazuje posjetiteljima. Nije, međutim, tajna. Svatko može pogledati vaš HTML nakon što objavi svoje web stranice.

Iako postoji veliki broj različitih HTML oznaka, ne morate ih sve naučiti da biste mogli kodirati web mjesto. Danas ćete naučiti kako napisati neke uobičajene oznake i za što se mogu koristiti.

Što su atributi HTML oznake?

Još jedna stvar koju treba znati o oznakama je atributi. Atributi definiraju posebne značajke oznaka. Ako su oznake prozori i vrata, onda atributi navode određene detalje zgrade. To bi mogla biti širina i visina okvira, bilo da se otvori prozor ili ako vrata imaju bravu.

Atributi su uključeni unutar početne oznake, kao što je ovaj:

Ne možete samo stvarati vlastite oznake ili atribute. Atributi i oznake unaprijed su definirani od strane World Wide Web Consortium (W3C).

Što je HTML5?

HTML5 je najnovija inačica HTML-a. Sadrži nekoliko novih oznaka, atributa i značajki.

Kako je HTML skup uputa, različiti web preglednici ponekad ga različito tumače. Jedan bi se preglednik mogao odlučiti da prozore i vrata treba obojati crno, osim ako ne kažete drugačije.

Iako su preglednici napokon počeli postajati dosljedni jedno drugome, i dalje se ponekad možete zakačiti s vrlo novim značajkama. Možda je Google Chrome implementirao novu oznaku, ali Microsoftov Internet Explorer još nije.

Većim dijelom vaše će web stranice izgledati isto u svim glavnim preglednicima, ali vrijedi proći brzi test prije nego što objavite bilo što, posebno ako koristite novije oznake, koje možda još uvijek ne podržavaju svi preglednici..

Ako želite znati više o HTML5, pogledajte naš HTML5 vodič za početak rada Započnite s HTML5 Započnite s HTML5 Čuli ste za HTML5. Svi ga koriste. Najavljen je kao spasitelj interneta, omogućava ljudima da izrađuju bogate, privlačne web stranice, bez pribjegavanja korištenju Flash i Shockwave-a. .

Kako komentirati HTML

Kao i mnogi drugi jezici, označavanje ili programiranje, HTML to može i učiniti “komentirati” blokovi označavanja. Komentar je nešto što preglednik ignorira. Ovo bi mogla biti napomena da biste se podsjetili što radi ovaj određeni dio vaše web stranice.

Komentiranjem markiranja upućujete preglednik da ignorira jednu ili više oznaka. Ovo bi moglo biti korisno za uklanjanje funkcionalnosti ili za sakrivanje dijela vaše web stranice bez brisanja koda.

Kada web preglednik vidi komentar, to shvaća kao “ne koristi ove upute dok ne kažem drugačije”. Komentari se sastoje od an “otvor” komentar i a “zatvaranje” komentar-baš kao i oznake.

Evo primjera:

Komentiranje koda vrši se na potpuno isti način:

Umjesto poruke, markirajte između oznaka komentara.

Kako umetnuti slike u HTML

Umetanje slika u vaš HTML se vrši pomoću oznake slike:

Veličina slova se može lako promijeniti pomoću veličina atribut:
MUO Veliki tekst
Ako želite promijeniti boju fonta, to se lako može učiniti s boja atribut:
MUO Crveni tekst
Ovi su atributi jedinstveni za krstionica označiti. Ako želite koristiti drugu oznaku, možete gnijezdo oznake, postavljanjem jedne unutar druge:
MUO Crveni tekst
Kako dodati vezu u HTML
Veze se mogu dodati pomoću  označiti:
MakeUseOf.com
 href atribut je odredište vaše veze.
Kako napraviti tablicu u HTML-u
HTML tablice uključuju umetanje nekoliko različitih oznaka. Trebat ćete početi s stol označiti:
Sada dodajte nekoliko redaka pomoću znaka tr označiti:
Na kraju upotrijebite td označite za stvaranje ćelija tablice, koje će također stvoriti stupce:
Moguće je prijeći preko noći i prilično diviti s rasporedom stola, ali obično je najbolje, ako je moguće, stvari pojednostaviti. U prošlosti su tablice korištene za izradu web stranica, ali ta praksa datira i izgleda grozno. Držite tablice jednostavno za prenošenje podataka čitaču.
Korištenje CSS-a s HTML-om
Ovi su primjeri prekrili osnove, ali ako želite postati stvarno kreativni, morat ćete koristiti CSS. Kaskadni listovi stilova omogućuju vam mnogo bolju kontrolu nad dizajnom web stranice i omogućuju vam da ponovno upotrijebite poprilično puno koda između različitih dijelova vaše web stranice..
Dok imamo udžbenike o učenju CSS 5 Baby koraka do učenja CSS-a i postajanja Kick-Ass CSS čarobnjakom 5 Dječjih koraka do učenja CSS-a i postajanja Kick-Ass CSS čarobnjakom CSS je jedina najvažnija promjena web stranica koje smo vidjeli u posljednjem desetljeću, i utro je put razdvajanju stila i sadržaja. Na moderni način, XHTML definira semantičku strukturu… i brze primjere CSS-a. 10 jednostavnih primjera CSS koda koje možete naučiti u 10 minuta 10 jednostavnih primjera CSS koda koje možete naučiti u 10 minuta. Dalje ćemo istražiti kako stvoriti inline tablicu stila tako da može vježbati vaše CSS vještine. Zatim ćemo prijeći na 10 osnovnih primjera CSS-a. Odatle je vaša mašta granica! , postoji još nekih postavki koje možete učiniti u HTML-u.
Ako želite napisati CSS uz HTML, možete ih koristiti stil atribut. Ovaj atribut jednostavno primjenjuje CSS na oznaku na kojoj se koristi:
Iako ovaj način dobro funkcionira, teško ćete ga održati ako imate mnogo markiranja za koje je potreban sličan stil.
Bolji način je korištenje stil oznaku postavljenu unutar glava označiti. Ovdje možete definirati CSS za cijelu stranicu:
   MNOGO CSS PRAVILA   
Oznaka stila ima atribut text / css. Ovo je potrebno kako bi vaš preglednik znao točan stil koji očekuje u oznaci.
Treći i posljednji način korištenja CSS-a je putem vanjske datoteke pomoću datoteke veza označiti. To povezuje vaš HTML sa CSS-om pohranjenim u njegovoj vlastitoj datoteci, što je izvrsno ako ga imate veliku količinu:
Ovdje se koristi nekoliko atributa. rel atribut deklarira vašu vezu kao tablicu stilova. Vrsta “text / css” je još jednom definirano u tip atribut i href atribut je gdje pronaći vanjsku datoteku.
Kako napraviti web stranicu s HTML-om?
Kao što ste vidjeli, HTML stvarno i nije tako loš, zar ne? Pomoću nekoliko jednostavnih oznaka i atributa možete brzo sastaviti web stranicu, čak i ako nikad prije niste napisali HTML!
Ako želite napisati cjelovitu web stranicu, pogledajte naš vodič za početnike za izradu web stranice Kako napraviti web mjesto: za početnike Kako napraviti web mjesto: za početnike Danas ću vas voditi kroz postupak izrade kompletne web stranice ispočetka. Ne brinite ako ovo zvuči teško. Vodit ću vas kroz to na svakom koraku.   .