Gratis trinnvis instruksjoner Hei Verden!Prøv kombinasjoner: Hvordan ser det ut
Dette er den første taggen vi kommer over som ikke trenger en sluttkode! Vi kaller en slik tag for en tom tag.Lag overskrifter for å gjøre navnene på seksjonene klare:
Start med taggene for tabellen ("bord" på engelsk) rundt hele bordet: Plasser tagger rundt innholdet i hver rad: Plasser kolonneoverskrifter i den første raden: Plasser celler i påfølgende rader: Her er et eksempel på hvordan det hele henger sammen:
Lær html
Innhold
HTML er forkortelsen for Hyper Text Markup Language, det er koden til Språk som brukes til å lage nettsider. Det kan se komplisert ut hvis du aldri har programmert før, men for å prøve det ut trenger du bare et enkelt tekstbehandlingsprogram og en nettleser. Du kan godt gjenkjenne litt HTML fra fora, nettprofiler eller wikiHow-artikler. HTML er et nyttig verktøy for alle som bruker Internett, og å lære HTML kan ta kortere tid enn du forventer.
Trinn
Del 1 av 2: Lær det grunnleggende om HTML
1. Åpne et HTML-dokument. De fleste tekstbehandlingsprogrammer, inkludert Notisblokk eller Word for Windows og TextEdit for Mac, kan brukes til å lage HTML-dokumenter. Åpne et nytt dokument og velg Fil → Lagre som fra toppmenyen for å lagre dokumentet som en nettside, eller endre filtypen fra ".dok", ".rtf" eller noe annet å ".html" eller ".htm".- Du kan nå se en advarsel som sier at dokumentet ditt endres fra Rich Text Format (RTF) til "flat tekst", og at visse formateringsalternativer og bilder ikke lagres riktig. Du kan ignorere denne advarselen; HTML-dokumenter bruker ikke disse alternativene.
- .html og .htm-filene er de samme. Det fungerer begge deler.
2. Se dokumentet ditt med en nettleser. Lagre det tomme dokumentet ditt, lukk det, og dobbeltklikk deretter på dokumentet der det er lagret for å åpne det igjen. Dokumentet skal nå åpnes av nettleseren din som en tom nettside. Hvis det ikke fungerer, drar du filikonet til nettleserens adresselinje. Hvis du senere redigerer HTML-dokumentet ditt ved å følge trinnene i denne artikkelen, vil du fortsette å gå tilbake til nettleseren for å sjekke hvordan endringene i koden ser ut.
Merk: nettsiden din er ikke online ennå. Siden er ikke tilgjengelig for andre, og du trenger ikke en fungerende internettforbindelse for å teste den. Du bruker kun nettleseren til å se HTML-dokumentet "lese" som om det er et nettsted.
3. Forstå hva "tags" er. Tagger er ikke synlige på den endelige nettsiden, slik vanlig tekst er. Taggene forteller nettleseren din hvordan siden og innholdet på siden skal vises. Åpningsbrikken inneholder instruksjoner. For eksempel kan den fortelle nettleseren å gjøre teksten fet. Avslutningstaggen er nødvendig for å fortelle nettleseren hvor instruksjonene gjelder: i dette eksemplet er all tekst mellom åpnings- og avslutningstaggen fet skrift. Sluttkoder er også plassert innenfor parentes, men en skråstrek følger etter den første parentesen.Skriv åpningstagger i parentes: Skriv sluttkoder i parentes, men sett en skråstrek etter den første parentesen: Les senere i artikkelen hvordan du skriver funksjonelle tagger. På dette trinnet er alt du trenger å gjøre å huske hvordan du skriver tagger: < > og I andre HTML-kurs kalles også tagger "elementer" kalles og teksten mellom start- og sluttkoder kalles også "elementinnhold" navngitt.
<dette er startdagen>>)4. Skriv din første Hvert HTML-dokument starter med en skrive øverst i dokumentet. Trykk enter eller retur flere ganger for å gi deg selv litt plass, og skriv deretter husk at du alt i denne artikkelen mellom disse to taggene.
5. fiks det Mellom merkelappene -startmerke og en -sluttmerke. Lag litt mellomrom mellom disse taggene igjen. Alt skrevet mellom disse taggene vil ikke være synlig på selve nettsiden. Prøv følgende trinn og se om du kan se hvor informasjonen vises:Skriv mellom taggene og Mellom merkelappene Lær HTML - wikiHow .Lagre dokumentet og åpne det i en nettleser (eller lagre dokumentet og oppdater siden i nettleseren hvis siden fortsatt var åpen). Se hva du nettopp skrev øverst på siden, over adressefeltet?
6. lage en Alt annet i dette nybegynnerdokumentet er dekket i delen Etter taggen til taggen og . Alt vi diskuterer videre i denne artikkelen plasserer vi mellom kroppsmerkene. Du bør nå ha et dokument som ser slik ut (uten kuler):
7. Legg til tekst i forskjellige stiler. Nå er det på tide å skrive noe som faktisk vil være synlig i nettleseren! Alt du skriver i body-taggene vil være synlig i nettleseren etter at du har lagret endringene og oppdaterer siden i nettleseren. skrive ikke noe med karakterene < og >, fordi nettleseren din vil tolke det som HTML-instruksjoner i stedet for ren tekst. Skriv for eksempel Hei Verden! (engelsk for "Hei Verden!", dette er den globale standardteksten som det første eksempelet i et programmeringsspråkkurs) eller noe annet, og sett følgende tagger før og etter teksten og fortsett å se hva som skjer:
8. Del teksten inn i avsnitt. Hvis du skal plassere flere linjer med tekst i dokumentet ditt, vil du se at alle linjene er plassert bak hverandre. Du må selv programmere nye linjer og tomme linjer:
Denne setningen er på første linjeDette er den første taggen vi kommer over som ikke trenger en sluttkode! Vi kaller en slik tag for en tom tag.
9. Lær hvordan du lager lister. Det er flere måter å lage lister på en nettside. Prøv følgende metoder for å finne ut hva du liker best. Merk at ett par tagger er plassert rundt hele listen (som taggene Bruk følgende kode for å lage punktlister:
Eller denne koden for å lage nummererte lister:
Eller denne koden for å lage en såkalt definisjonsliste:
10. Gjør siden din mer attraktiv med nye linjer, horisontale linjer og bilder. Nå er det på tide å begynne å legge til andre ting på siden din. Prøv følgende tagger (du må ha lagt ut bildet på nettet slik at du kan lenke til bildet):Sett inn en linje: Sett inn bilder:
![]("url_of_your_image"></big)
11. Sett inn lenker til andre steder på siden. Du kan også bruke denne koden til å lenke til andre sider og nettsider, men siden du ikke har en nettside ennå vil vi fokusere på "ankre" (ankre), det vil si spesifikke steder på siden som du kan koble til:Lag først et anker med taggen
Bruk taggen
For å koble til et anker på en annen side, legg til #-tegnet etter url-en, etterfulgt av navnet på ankeret ditt. For eksempel http://www.wikihow.com/HTML-læring#Tips tar deg rett til seksjonen "Tips" på denne siden.
Del 2 av 2: Lære avansert HTML
1. Lær om attributter. Attributter plasseres i taggen og brukes til å gjøre ytterligere justeringer av "elementinnhold" mellom start- og slutttag. De står aldri alene. De er skrevet på følgende måte: navn="verdi". Navn representerer navnet på attributtet (f.eks "farge") og verdi beskriver denne spesielle saken (f.eks "rød").- Hvis du har sett nøye i den forrige delen av denne artikkelen, har du allerede kommet over attributter. taggen
2. Eksperimenter med HTML-tabeller. For å lage en tabell eller graf trenger du flere tagger:
3. Lær de andre taggene som brukes i head-delen. du har taggen Metakoder er vant til metadata generere om en nettside. Disse dataene brukes av søkemotorer til å kategorisere nettsider. For å gjøre siden din synlig for søkemotorer kan du plassere en eller flere metakoder (sluttkoder er ikke nødvendig), hver tag må inneholde nøyaktig ett navneattributt og innholdsattributt, for eksempel:
4. Spill med HTML fra eksisterende sider. Å se kildekoden til nettsider er en fin måte å utvide HTML-kunnskapen din på. Høyreklikk på siden og velg "Se kildekoden", "Vis sidekilde" eller noe lignende. Prøv å finne ut hva en bestemt merkelapp du ikke vet gjør, eller søk på nettet etter svaret.
Du kan ikke endre andres nettsteder, men du kan kopiere HTML-koden inn i ditt eget dokument og leke med det for å se hva forskjellige modifikasjoner gjør. Merk: fordi mange nettsteder bruker CSS-stilark, kan det hende du ikke kan se mange farger eller andre stiler.
5. Lær mer om HTML ved å lese mer dyptgående artikler. Det er mange ressurser tilgjengelig på internett for å mestre flere HTML-tagger som f.eksW3-skoler eller kodeakademi. Det er også mange bøker om HTML tilgjengelig, men sørg for å bruke en fersk utgave som standard i HTML-endringer nå og da. Når du har mestret HTML på et godt nivå, kan du gå til CSS for mer kontroll over utformingen og stilen til nettsiden din. Etter det er neste trinn vanligvis javascript.Det kan være nyttig å søke på en enkel nettside på internett og deretter leke med koden. Prøv å flytte litt tekst, endre fonten, endre bildene, hva du vil! Du kan bruke en notatbok til å skrive ned koden slik at du har noe å falle tilbake på hvis du ikke er sikker. Du kan også skrive ut denne siden og beholde den som referanse. XML og RSS brukes i økende grad på nettsider i disse dager. Koden kan se utilgjengelig ut for det menneskelige øyet, spesielt hvis du ser på den i kildekoden, men funksjonaliteten kan være nyttig. Kodene som brukes i HTML skiller ikke mellom store og små bokstaver, men standarden er å bruke små bokstaver (som vi gjør i denne artikkelen). Små bokstaver for taggene anbefales sterkt, også for XHTML-kompatibilitet.
Tips
Advarsler
- Noen tagger brukes ikke lenger og har blitt erstattet av andre tagger som gjør det samme, men som ofte tilbyr flere alternativer.
- Hvis du vil forsikre deg om at siden din samsvarer med HTML-standarden, kan du gå til W3-nettstedet for å sjekke koden din mot gjeldende standard. Mange tagger er nå foreldet og erstattet av tagger som fungerer bedre i moderne nettlesere.
Nødvendigheter
- Et tekstbehandlingsprogram, for eksempel Notisblokk (Windows) eller TextEdit (Mac).
- et ark papir eller notatbok (valgfri)
- Et program spesielt utviklet for å skrive HTML, for eksempel Notepad++ for Windows eller TextWrangler for Mac (valgfri)
Оцените, пожалуйста статью
Populær
