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
