Započnite s HTML -om: Tablice

HTML, kratica od HyperText Markup Language. To je standard koji služi kao referenca za razvoj web stranica u različitim verzijama, definira osnovnu strukturu i kôd (tzv. HTML) za definiranje sadržaja web stranice, poput teksta, slika, video zapisa, između ostalog. Da bismo počeli razumjeti kako je definirana struktura ovog jezika, u ovom ćemo vodiču početi poznavati oznake s kojima se rukuje tablicama, a koje su vrlo korisne pri izgradnji uglavnom struktura biltena i slanja poruka.
Cilj ovog vodiča je dati objašnjenje koje pomaže grafičkim dizajnerima da na najjednostavniji mogući način razumiju strukturu i logiku dokumenata HTML kako bi stekli osnovno znanje koje će im omogućiti generiranje datoteka na ovom jeziku.

Zahtjevi

- Posjedujte uređivač koda poput Dreamweaver CS6, Notepad ++, Uzvišeni tekst između ostalog dostupnih na Internetu.
- Instalirajte web preglednik kao što su Chrome, Firefox, Opera, Safari, Edge ili Internet Explorer.
Korak 1: Poznavanje oznaka za izradu tablica
ovom oznakom definiramo početak tablice u strukturi HTML.
dopušta stvaranje retka za tablicu
predstavljaju zaglavlje stupaca, ti se stupci sastoje od ćelija.
<>> je prikaz ćelija koje će se nalaziti u redovima tablice.
Ovo su sve oznake koje će nam trebati za izradu tablica, u sljedećem koraku ćemo naučiti kako su deklarirane unutar koda i njihov redoslijed.
Korak 2: Logička deklaracija oznaka.
Važno je znati da se u HTML -u velika većina oznaka mora otvoriti, upravo kada ih deklariramo, a također i moraju biti zatvorene, sljedeći primjer ilustrira ovaj koncept:

Kao što vidite, svaka oznaka mora imati svoje otvaranje i zatvaranje. Razlikuju se uglavnom poprečnom crtom "/" kojom se oznaka zatvara. Svaki put kada se oznaka stvori, obvezno je na isti način proglasiti njezino zatvaranje.
Korak 3: Hijerarhijska deklaracija naljepnica.
Oznaka Prvi je deklariran koji označava stvaranje tablice, a time i početak stvaranja ćelija koje će sadržavati podatke za prikaz.
Tablice se sastoje od stupaca i redaka.

Vodeći računa o hijerarhijskom redoslijedu koji svaka oznaka mora imati, izradit ćemo tablicu i uvesti retke koji će nam trebati za tablicu na donjoj slici:

Kôd u tablici trebao bi izgledati ovako:

Iako su redovi tablice već definirani, potrebno je stvoriti ćelije koje čine stupce tablice. Donja slika ilustrira ovaj koncept:

Kôd u tablici trebao bi izgledati ovako:

Korak 4: Dodavanje sadržaja ćelijama
Svaka oznaka [color = # 7030a0] [/ color] ekvivalent je ćeliji u našoj tablici, pa se tu mogu dodati podaci. Promijenit ćemo prvu oznaku [color = # 44546a] [/ color] deklarirani red all [color = # 7030a0] [/ color] po oznakama zaglavlja [color = # 002060][/Boja]. U [color = # 7030a0][/ color] ostalih redaka dodamo uzorak sadržaja. Kod HTML To bi trebalo izgledati ovako:

 
 
 
Artikal
 
Ime
 
Prezime
 

 
 
1
 
Pedro
 
Ruže
 

 
 
2
 
Ivan
 
Izvori
 

Korak 5: Spremite dokument u HTML i pregledajte datoteku
U programu za uređivanje koda idemo na izbornik Datoteka / Spremi dok spremamo dokument u formatu .html

Kasnije otvorimo dokument u pregledniku po želji:

Tablica koju smo stvorili trebala bi izgledati kao donja slika.

Do sada smo naučili naziv i funkciju oznaka HTML za izradu tablica, njihov hijerarhijski poredak, njihov logički raspored i dodavanje sadržaja. Sada smo spremni za dodavanje grafičkih atributa u tablice.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod