Sådan lærer du HTML

HTML er forkortelsen for Hyper Text Markup Language

(Hypertext Markup Language) og er koden eller "sprog", som bruges til at oprette hjemmesider. Det kan virke lidt skræmmende, hvis du aldrig har gjort før nogen kodning, men alt du behøver at prøve er en almindelig tekst redigering program og en webbrowser. Du kan endda genkende nogle HTML, der bruges til at ændre teksten i online fora, brugerdefinerede online profiler eller wikiHowartikler. HTML er et nyttigt værktøj til alle, der bruger internettet, og at lære det grundlæggende kan tage mindre tid end tidligere antaget.

trin

Del 1
At lære Basic HTML

Billedets titel Lær HTML Step 1
1
Åbn et HTML-dokument. De fleste tekst editors programmer, herunder Notesblok eller Microsoft Word til Windows og Mac TextEdit, kan bruges til at skrive HTML-dokumenter. Åbn et nyt dokument og bruge Filer → Gem som i hovedmenuen for at gemme den som en "webside", eller for at ændre filendelsen til "html" eller "HTM" i stedet for ".doc", " .rtf "eller en anden udvidelse.
  • Du kan se en advarsel om, at dit dokument vil blive ændret til "almindelig tekst" i stedet for "rich text", eller billeder og særlig formatering vil ikke blive gemt korrekt. Intet problem - HTML-dokumenter bruger ikke disse muligheder.
  • Der er ingen forskel på filer. html e. htm. Alle vil arbejde.
  • Billede med titlen Lær HTML Step 2
    2
    Se dit dokument med en webbrowser. Gem dokumentet tomt, find derefter dets ikon på din computer og dobbeltklik på det for at åbne det. Den skal åbne som en tom webside i din browser. Hvis ikke, skal du trække filikonet til webadresselinjen (adressen) i din browser. Når du redigerer dit HTML-dokument i denne vejledning, kan du fortsætte med at kontrollere og se, hvordan din webside ændres.
    • Bemærk, at dette ikke rent faktisk opretter et websted på internettet. Det vil ikke være tilgængeligt for andre mennesker, og du behøver ikke en internetforbindelse til at teste den. Dette bruger kun en browser til at "læse" dit HTML-dokument som om det var et websted.
  • Billedets titel Lær HTML Trin 3
    3
    Forstå markup tags. De vises ikke på en webside som normal tekst. I stedet fortæller de deres webbrowser, hvordan man viser siden og dens indhold. "Start tag" indeholder instruktioner. For eksempel kan det fortælle browseren at vise teksten som fed. Du skal også et tag "ende" for at fortælle browseren, hvor man kan anvende vejledningen: i dette eksempel, vil al tekst mellem start-tag og slut-tag være fed. Skrive sluttags i vinkelbeslag samt, men starte dem med en skråstreg efter første konsol.
    • Skriv startetiketterne i vinkelbeslag: <Startetiketten går her>
    • Skriv de endelige mærker i vinkelbeslag, men sæt et skråstreg efter den første beslag:Slutmærket går her>)
    • Læs videre for at lære at skrive funktionelle markup tags. Til dette trin er alt, hvad du behøver at huske, det grundlæggende format. De er skrevet i: <> og
    • Hvis du er bruger andre HTML tutorials også, kan du se dem henvise til de tags som "elementer", og teksten mellem start og slut-tags som "indhold element."
  • Billede med titlen Lær HTML Step 4

    Video: Hvordan kode PHP - Del 1 En introduksjon til programmering i PHP

    4
    Skriv dit første tag . Hvert HTML-dokument starter med et tag og slutter med a . Dette fortæller browseren, at alt mellem disse tags er i HTML. Tilføj disse tags til dit dokument:
    • skrive øverst på dit dokument.
    • Brug enter flere gange for at gøre plads og skriv derefter .
    • Husk at skrive alle Resten af ​​denne tutorial mellem disse to mærker.
  • Video: Hvordan kode HTML og CSS - Del 2 Hvordan lage et HTML dokument

    Billedets titel Lær HTML Step 5
    5
    Udfyld delen af dit dokument. Mellem tags og , skriv en start tag og en endelig . Giv plads til at skrive mellem dem. Alt mellem disse tags vil faktisk ikke blive vist på selve siden. Prøv følgende og se, hvor det vises i stedet:
    • Mellem tags og , skrive </b> og <b>
    • Mellem tags og , skrive Sådan lærer du HTML - wikiHow.
    • Gem dokumentet og åbn det i en browser (eller gem dokumentet og opdatér browsersiden, hvis den stadig er åben). Kan du se, hvad du skrev øverst i din browser, over adresselinjen?
  • Billede med titlen Lær HTML Step 6
    6
    Opret en sektion . Resten af ​​dette nybegynderdokument går i en kropsdel, som vises på websiden. derefter af slutmærket , men før af , skrive og . For resten af ​​denne tutorial vil alt, du skriver, falde mellem disse tags. Du skal nu have et dokument, der ser ud som dette (ignorerer listen over punkter):
    • Sådan lærer du HTML - wikiHow
  • Billede med titlen Lær HTML Step 7
    7
    Tilføj tekst i flere stilarter. Nu er det tid til at skrive noget, du kan se i din browser! Alt du skriver inde i "body" -koderne vises i din browser, når du gemmer HTML-dokumentet og opdaterer siden. Gør det ikke skriv ikke noget med symbolerne < eller >, men fordi din browser vil forsøge at fortolke det som en HTML-erklæring i stedet for normal tekst. Prøv at skrive Hej verden! (eller hvad du vil), så tilføj disse nye tags og se hvad der sker hver gang:
    • Hej verden!tekst som "kursiv": Hej verden!
    • Hej verden! vil vise teksten som "fed": Hej verden!
    • Hej verden! vil vise den gennemtrængende tekst: Hej verden!
    • Hej verden! vil vise den overskrevne tekst: Hej verden!
    • Hej verden!vil vise den tegnede tekst: Hej verden!
    • Prøv kombinationer af disse: Hvordan Hej verden!Det er?
  • Billedets titel Lær HTML Step 8
    8
    Opdel din tekst i afsnit. Hvis du forsøger at skrive flere tekstlinjer i dit HTML-dokument, kan du bemærke, at linjeskift ikke vises i din browser. Du skal kode dem selv:
    • Dette er et særskilt afsnit.

    • Denne sætning efterfølges af en linjeskift.
      før det begynder.

      Dette er den første tag, du ser, der ikke har brug for et endelige tag. Disse kaldes "tomme tags".
    • Gør overskrifter for at vise sektionsnavne:

      tekst

      : Den største overskrift

      tekst

      (2. niveauhovedet)

      tekst

      (3. niveau header)

      tekst

      (den fjerde niveau header)
      tekst
      (den korteste header)
  • Billede med titlen Lær HTML Step 9
    9


    Lær at lave lister. Der er flere måder at skrive lister på din webside på. Prøv følgende kodetyper og se, hvilke du kan lide. Bemærk, at et par tags omfatter hele listen (for eksempel tags
      og
    for "uordnet liste"), mens enkelte emner på listen er omgivet af et andet par tags, f.eks
  • og
  • .
    • Brug denne kode til at lave punktlister:
      • Ét element
      • En anden ting
      • Endnu en ting
    • Eller dette for nummererede lister:
      1. Punkt 1
      2. Punkt 2
      3. Punkt 3
      4. Eller denne kode til en liste over definitioner:
        kaffe
        - Varm drikke
        mælk
        - Kold drikke
  • Billedets titel Lær HTML Trin 10
    10
    Gør din side mere gennemsigtig med linjeskift, vandrette linjer og billeder. Nu er det tid til at prøve at tilføje ting ud over teksten på din side. Prøv følgende tags. Du skal bruge en online image hosting service for at få en URL til at linke til billedtaggen:
    • Indsæt en linje i HTML:
    • Lav en linje i HTML:
    • Tilføj billeder:
  • Billede med titlen Lær HTML Step 11
    11
    Sæt links til andre steder på siden. Du kan også bruge denne kode til at indsætte links til andre sider og hjemmesider, men for nu, da man ikke kan have en hjemmeside endnu, vil vi fokusere på "ankre" eller specifikke steder på den side, som du kan tage:

    Del 2
    At lære mere avanceret HTML

    Billedets titel Lær HTML Step 12
    1
    Lær om attributter. Attributter placeres i selve tagget og foretager yderligere ændringer til "elementindholdet" mellem startmærket og slutmærket. De er aldrig alene. De er skrevet i formatet navn = "værdi", hvor navn er navnet på attributten (for eksempel "farve" til farve) og værdi er det specifikke eksempel (for eksempel "rød" for rød).
    • Du har faktisk set attributter, hvis du fulgte vejledningen i den grundlæggende HTML-sektion. Taggene brug attributten src, ankre anvender attributten navn, og linkene bruger attributten href. Se, hvordan de alle følger formatet ___ = "___"?
  • Billedets titel Lær HTML trin 13
    2
    Prøv med HTML-tabeller. At lave et bord kræver flere forskellige mærker. Spil med disse tags eller lær mere om HTML-tabeller.
    • Start med bordetiketter rundt i hele bordet:
    • Placer linjekoderne langs indholdet af hver linje:
    • Lav kolonneoverskrifter på første linje:
    • Placer cellerne i efterfølgende rækker:
    • Her er et eksempel på hvordan alt passer:

      Kolonne 1: MånedKolonne 2: Gemte penge
      Om mig$ 100
  • Billedets titel Lær HTML Step 14
    3
    Lær de forskellige hovedetiketter. Du har allerede lært mærket , der vises i begyndelsen af ​​hvert dokument. Ud over mærket, det kan omfatte følgende typer:
    • Metatags, som bruges til at levere metadata på en webside. Disse data kan bruges af søgemaskiner, når robotten scorer internettet for at lokalisere og liste webstederne. For at gøre dit websted mere synligt på søgemaskiner, brug en eller flere tags (ingen endelig mærkning er påkrævet), hver med attribut til nøjagtigt et navn og et indholdsattribut, for eksempel: - eller
    • Taggene bruges til at forbinde siden med andre filer. Dette bruges primært til CSS style sheets, som er lavet ved hjælp af en anden type kodning til at ændre din HTML-side ved at tilføje farve, justering af tekst og laver mange andre ting.
    • Taggene

    Relaterede
  • © 2024 HodTari.com