Kom i gang med HTML: Tabeller

HTML, forkortelse for HyperText Markup Language. Det er en standard som fungerer som en referanse for utvikling av websider i de forskjellige versjonene, definerer en grunnleggende struktur og en kode (kalt kode HTML) for å definere innholdet på en webside, for eksempel tekst, bilder, videoer, blant andre. For å begynne å forstå hvordan strukturen til dette språket er definert, vil vi i denne opplæringen starte med å kjenne etikettene tabellene håndteres med, noe som er veldig nyttig når man bygger strukturen til nyhetsbrev og utsendelser hovedsakelig.
Målet med denne opplæringen er å gi en forklaring som hjelper grafiske designere på en enklest mulig måte å forstå strukturen og logikken i dokumenter HTML for å få den grunnleggende kunnskapen som vil tillate dem å generere filer på dette språket.

Krav

- Eier en kode -editor som Dreamweaver CS6, Notisblokk ++, sublim tekst blant annet tilgjengelig på Internett.
- Få en nettleser installert, for eksempel Chrome, Firefox, Opera, Safari, Edge eller Internet Explorer.
Trinn 1: Å kjenne etikettene for å lage tabeller
med denne etiketten definerer vi begynnelsen på tabellen i strukturen HTML.
gjør det mulig å lage en rad for bordet
representerer overskriften til kolonnene, består disse kolonnene av celler.
<>> er representasjonen av cellene som vil være plassert i radene i tabellen.
Dette er alle etikettene vi trenger for å lage tabellene. I neste trinn lærer vi hvordan de deklareres i koden og rekkefølgen deres.
Trinn 2: Logisk deklarasjon av etiketter.
Det er viktig å vite at i HTML de aller fleste koder må åpnes, det er akkurat når vi deklarerer dem og også de må lukkes, illustrerer følgende eksempel dette konseptet:

Som du kan se, må hver etikett ha åpning og lukking. De skiller seg hovedsakelig ved fremoverstreken "/" som etiketten lukkes med. Hver gang en tag opprettes, er det obligatorisk å erklære at den er stengt på samme måte.
Trinn 3: Hierarkisk erklæring av etiketter.
Merkelappen Det er den første som er erklært for å indikere opprettelsen av en tabell, følgelig for å begynne å lage cellene som vil inneholde informasjonen som skal vises.
Tabeller består av kolonner og rader.

Ved å ta vare på den hierarkiske rekkefølgen som hver etikett må ha, vil vi lage tabellen og introdusere radene vi trenger for tabellen på bildet nedenfor:

Koden i tabellen skal se slik ut:

Selv om radene i tabellen allerede er definert, er det nødvendig å lage cellene som består av kolonnene i tabellen. Bildet nedenfor illustrerer dette konseptet:

Koden i tabellen skal se slik ut:

Trinn 4: Legge til innhold i celler
Hver tag [color = # 7030a0] [/ color] tilsvarer en celle i tabellen vår, så det er her informasjonen kan legges til. Vi vil endre den første etiketten [color = # 44546a] [/ color] deklarert rad alle [color = # 7030a0] [/ color] by header tags [color = # 002060][/Farge]. I [farge = # 7030a0][/ farge] på resten av radene legger vi til prøveinnhold. Koden HTML Det skal se slik ut:

 
 
 
Punkt
 
Navn
 
Etternavn
 

 
 
1
 
Pedro
 
Roser
 

 
 
2
 
John
 
Kilder
 

Trinn 5: Lagre dokumentet i HTML og se filen
I kodedigeringsprogrammet går vi til Fil / Lagre -menyen mens vi lagrer dokumentet i format .html

Senere åpner vi dokumentet i nettleseren vi foretrekker:

Tabellen vi har laget skal se ut som bildet nedenfor.

Så langt har vi lært navnet og funksjonen til etikettene HTML å bygge tabeller, deres hierarkiske rekkefølge, deres logiske arrangement og legge til innhold i dem. Vi er nå klare til å legge til grafiske attributter i tabeller.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng