Gratis trin for trin instruktioner Hej Verden!Prøv kombinationer: Hvordan ser det ud
Dette er det første tag, vi støder på, som ikke behøver et afsluttende tag! Vi kalder sådan et tag for et tomt tag.Opret overskrifter for at gøre navnene på sektionerne klare:
Start med tags for tabel ("bord" på engelsk) rundt om hele bordet: Placer tags rundt om indholdet af hver række: Placer kolonneoverskrifter i den første række: Placer celler i på hinanden følgende rækker: Her er et eksempel på, hvordan det hele hænger sammen:
Lær html
Indhold
HTML er forkortelsen af Hyper Text Markup Language, det er koden for Sprog som bruges til at lave hjemmesider. Det kan se kompliceret ud, hvis du aldrig har programmeret før, men for at prøve det, behøver du bare et simpelt tekstbehandlingsprogram og en internetbrowser. Du kan meget vel genkende noget HTML fra fora, onlineprofiler eller wikiHow-artikler. HTML er et nyttigt værktøj for alle, der bruger internettet, og at lære HTML kan tage kortere tid, end du forventer.
Trin
Del 1 af 2: Lær det grundlæggende i HTML
1. Åbn et HTML-dokument. De fleste tekstbehandlingsprogrammer, inklusive Notesblok eller Word til Windows og TextEdit til Mac, kan bruges til at oprette HTML-dokumenter. Åbn et nyt dokument, og vælg Filer → Gem som fra topmenuen for at gemme dit dokument som en webside, eller ændre filtypenavnet fra ".dok", ".rtf" eller noget andet til ".html" eller ".htm".- Du kan nu se en advarsel om, at dit dokument bliver ændret fra Rich Text Format (RTF) til "flad tekst", og at visse formateringsmuligheder og billeder ikke gemmes korrekt. Du kan ignorere denne advarsel; HTML-dokumenter bruger ikke disse muligheder.
- .html og .htm-filer er de samme. Det virker begge dele.
2. Se dit dokument med en browser. Gem dit tomme dokument, luk det, og dobbeltklik derefter på dokumentet på det sted, hvor det er gemt for at åbne det igen. Dit dokument skal nu åbnes af din browser som en tom webside. Hvis det ikke virker, skal du trække filens ikon til din browsers adresselinje. Hvis du senere redigerer dit HTML-dokument ved at følge trinene i denne artikel, vil du blive ved med at gå tilbage til browseren for at kontrollere, hvordan ændringerne i koden ser ud.
Bemærk: din webside er ikke online endnu. Siden er ikke tilgængelig for andre, og du behøver ikke en fungerende internetforbindelse for at teste den. Du bruger kun din browser til at se HTML-dokumentet "Læs" som om det er en hjemmeside.
3. Forstå, hvad `tags` er. Tags er ikke synlige på den endelige webside, som normal tekst er. Mærkerne fortæller din browser, hvordan siden og indholdet på siden skal vises. Åbningsmærket indeholder instruktioner. For eksempel kan den bede browseren om at gøre teksten fed. Det afsluttende tag er nødvendigt for at fortælle browseren, hvor instruktionerne gælder: i dette eksempel er al tekst mellem de indledende og afsluttende tags fed. Sluttags placeres også inden for parentes, men en skråstreg følger efter den første parentes.Skriv indledende tags i parentes: Skriv afsluttende tags i parentes, men sæt en skråstreg efter den første parentes: Læs senere i artiklen, hvordan du skriver funktionelle tags. På dette trin skal du bare huske, hvordan du skriver tags: < > og I andre HTML-kurser kaldes tags også "elementer" kaldes og teksten mellem start- og sluttags kaldes også "elementindhold" som hedder.
<dette er startdagen>>)4. Skriv din første Hvert HTML-dokument starter med en skrive øverst i dit dokument. Tryk på Enter eller Retur flere gange for at give dig selv lidt plads, og skriv derefter husk at du alt i denne artikel mellem disse to tags.
5. lav det Mellem tags -startmærke og en -slutmærke. Lav lidt mellemrum mellem disse tags igen. Alt skrevet mellem disse tags vil ikke være synligt på selve websiden. Prøv følgende trin og se, om du kan se, hvor oplysningerne vises:Skriv mellem tags og Mellem tags Lær HTML - wikiHow .Gem dokumentet og åbn det i en browser (eller gem dokumentet og opdater siden i browseren, hvis siden stadig var åben). Se, hvad du lige har skrevet øverst på siden, over adresselinjen?
6. lav en Alt andet i dette begynderdokument er dækket i afsnittet Efter tagget til tagget og . Alt, hvad vi diskuterer videre i denne artikel, placerer vi mellem kropsmærkerne. Du skulle nu have et dokument, der ser sådan ud (uden kugler):
7. Tilføj tekst i forskellige stilarter. Nu er det tid til at skrive noget, der rent faktisk vil være synligt i browseren! Alt, hvad du skriver i body-tags, vil være synligt i browseren, når du har gemt ændringerne og opdateret siden i browseren. skrive ikke noget med karaktererne < og >, fordi din browser vil fortolke det som HTML-instruktion i stedet for almindelig tekst. Skriv f.eks Hej Verden! (engelsk for "Hej Verden!", dette er den globale boilerplate-tekst som det første eksempel i et programmeringssprogskursus) eller noget andet, og sæt følgende tags før og efter teksten og bliv ved med at se, hvad der sker:
8. Del din tekst op i afsnit. Hvis du skal placere flere linjer tekst i dit dokument, vil du se, at alle linjer er placeret bag hinanden. Du skal selv programmere nye linjer og tomme linjer:
Denne sætning er på første linjeDette er det første tag, vi støder på, som ikke behøver et afsluttende tag! Vi kalder sådan et tag for et tomt tag.
9. Lær at lave lister. Der er flere måder at oprette lister på en webside. Prøv følgende metoder for at finde ud af, hvad du bedst kan lide. Bemærk, at et par tags er placeret rundt om hele listen (som tags Brug følgende kode til at oprette punktopstillinger:
Eller denne kode for at oprette nummererede lister:
Eller denne kode for at oprette en såkaldt definitionsliste:
10. Gør din side mere attraktiv med nye linjer, vandrette linjer og billeder. Nu er det tid til at begynde at tilføje andre ting til din side. Prøv følgende tags (du skal have lagt billedet online, så du kan linke til billedet):Indsæt en linje: Indsæt billeder:
![]("url_af_dit_billede"></big)
11. Indsæt links til andre steder på siden. Du kan også bruge denne kode til at linke til andre sider og hjemmesider, men da du endnu ikke har en hjemmeside vil vi fokusere på "ankre" (ankre), dvs. bestemte steder på siden, som du kan linke til:Opret først et anker med tagget <-en> på det punkt på siden, du vil linke til. Giv dit anker et klart navn, der er let at huske:
Brug tagget
For at linke til et anker på en anden side skal du tilføje #-tegnet efter url`en efterfulgt af navnet på dit anker. For eksempel http://www.wikihow.com/HTML-læring#Tips fører dig direkte til afsnittet "Tips" på denne side.
Del 2 af 2: Lær avanceret HTML
1. Lær om attributter. Attributter placeres i tagget og bruges til at foretage yderligere justeringer af "elementindhold" mellem start- og sluttag. De står aldrig alene. De er skrevet på følgende måde: navn="værdi". navn repræsenterer navnet på attributten (f.eks "farve") og værdi beskriver dette særlige tilfælde (f.eks "rød").- Hvis du har kigget nærmere i den forrige del af denne artikel, er du allerede stødt på attributter. tagget
2. Eksperimenter med HTML-tabeller. For at oprette en tabel eller graf skal du bruge flere tags:
3. Lær de andre tags, der bruges i hovedsektionen. du har mærket Metatags er vant til metadata generere om en webside. Disse data bruges af søgemaskiner til at kategorisere websider. For at gøre din side synlig for søgemaskiner kan du placere et eller flere metatags (sluttags er ikke nødvendige), hvert tag skal indeholde præcis én navneattribut og indholdsattribut, for eksempel:
4. Spil med HTML fra eksisterende sider. At se kildekoden til websider er en fantastisk måde at udvide din HTML-viden på. Højreklik på siden og vælg "Se kildekoden", "Vis sidekilde" eller noget lignende. Prøv at finde ud af, hvad et bestemt tag, du ikke kender, gør, eller søg på nettet efter svaret.
Du kan ikke ændre andres websteder, men du kan kopiere HTML-koden ind i dit eget dokument og lege med det for at se, hvad forskellige ændringer gør. Bemærk: fordi mange websteder bruger CSS-stylesheets, kan du muligvis ikke se mange farver eller andre stile.
5. Lær mere om HTML ved at læse mere dybdegående artikler. Der er mange ressourcer tilgængelige på internettet til at mestre flere HTML-tags som f.eksW3 Skoler eller kodeakademi. Der er også mange bøger om HTML tilgængelige, men sørg for at bruge en nyere udgave som standard i HTML-ændringer i ny og næ. Når du har mestret HTML på et godt niveau, kan du gå til CSS for at få mere kontrol over designet og stilen på din webside. Derefter er næste trin normalt javascript.Det kan være nyttigt at søge på en simpel webside på internettet og derefter lege med koden. Prøv at flytte noget tekst, ændre skrifttypen, ændre billederne, hvad du vil! Du kan bruge en notesbog til at skrive koden ned, så du har noget at falde tilbage på, hvis du ikke er sikker. Du kan også udskrive denne side og beholde den som reference. XML og RSS bruges i stigende grad på websteder i disse dage. Koden kan se utilgængelig ud for det menneskelige øje, især hvis du ser på den i kildekoden, men funktionaliteten kan være nyttig. De tags, der bruges i HTML, skelner ikke mellem store og små bogstaver, men standarden er at bruge små bogstaver (som vi gør i denne artikel). Små bogstaver til tags anbefales stærkt, også for XHTML-kompatibilitet.
Tips
Advarsler
- Nogle tags bruges ikke længere og er erstattet af andre tags, der gør det samme, men ofte tilbyder flere muligheder.
- Hvis du vil sikre dig, at din side overholder HTML-standarden, kan du besøge W3-webstedet for at kontrollere din kode i forhold til den nuværende standard. Mange tags er nu forældede og erstattet af tags, der fungerer bedre på moderne browsere.
Fornødenheder
- Et tekstbehandlingsprogram, såsom Notesblok (Windows) eller TextEdit (Mac).
- et ark papir eller notesbog (valgfri)
- Et program specielt designet til at skrive HTML, såsom Notepad++ til Windows eller TextWrangler til Mac (valgfri)
Artikler om emnet "Lær html"
Оцените, пожалуйста статью
Lignende
Populær
