Føj kommentarer til HTML5 kode Ordentligt Dokumentere Funktioner og Intent

Du 're ser VisiHow.I denne tutorial, vil vi vise dig, hvordan du vil tilføje kommentarer til din HTML5 kode for at hjælpe folk til at forstå, hvad du laver, eller hvad hensigten med en generel område er.

1. en
   at komme i gang, åbne Notepad .

   Vores er fastgjort til proceslinjen.

   Annonce

   Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
2. 2
   Venstre-klik og hold en arbejdsgruppe. html fil .

   Ours kaldes "visi.html".

   Annonce

   Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
3. 3
   Træk filen over Notepad vinduet .

   Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
4. 4
   Slip for at droppe koden i Notesblok .

   Bemærk, at vi har skrevet og formateret nogle koder.Der er imidlertid ingen kommentere her.I dag vil vi vise, hvordan du tilføjer kommentere.Lad os starte direkte efter doctype.

   instagram viewer

   Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
5. 5
   Placer markøren i slutningen af ​​doctype koden .

   For os er dette linie 1.

   Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
6. 6
   Tilføj tre linjeskift .

   En vognretur tilføjes ved at trykke på Enter-tasten.

   Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
7. 7
   Klik på den anden tomme linje .

   Dette er linie tre, den midterste tomme linje.

   Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
8. 8
   Åbn kommentar .

   Vi vil skrive, "& lt;! -".Det er en åbning pil beslag, et udråbstegn, og to en tankestreger.

   Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
9. 9
   Hit på mellemrumstasten én gang, og skriv en kommentar .

   Vi kan skrive noget, vi ønsker.For eksempel kan vi sige "Page skabt af VisiHow".

   Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
10. 10
    Luk kommentaren .

    Dette gøres ved at tilføje en plads og derefter skrive, "- & gt;".Det er to en tankestreger efterfulgt af en afsluttende pil beslag.Lad os tilføje en anden kommentar.

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
11. 11
    Placer markøren mellem hovedafsnittet og kroppen afsnittet .

    Tilføj tre linjeskift.

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
12. 12
    Placer markøren på den anden blank linje efter hovedet afsnittet .

    Vi kunne tilføje en påmindelse for alle andre, der måske ønsker at senere se på vores kode.

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
13. 13
    Åbn kommentar .

    Igen, vi skriver, "& lt;! -".

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
14. 14
    Tilføj en plads og derefter kommentaren tekst .

    Vi vil skrive, "Sørg for at være hjælpsom".

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
15. 15
    Luk kommentaren .

    Som før, vi ramte mellemrumstasten én gang og derefter skrive, "- & gt;".Nu har vi to kommentarer i vores kode.De vil fortælle folk noget om vores side.De normalt skiller sig ud, fordi de alle starter med udråbstegn, og meget lidt i en HTML5 side gør det.

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
16. 16
    Klik på "File" .

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
17. 17
    Klik på "Gem" .

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
18. 18
    Dobbeltklik på filen fra skrivebordet .

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
19. 19
    Vis indholdet af siden .

    Bemærk, at vi ikke kan se nogen af ​​de kommentarer, vi tilføjet.Det er skjult kode.Det er bare der for folk, der redigerer eller kigger på koden på siden.Det er ikke noget, som folk besøger hjemmesiden se.Når vi besøger en hjemmeside, som VisiHow.com, er vi ikke ser på koden, ser vi på det endelige resultat af denne kode.Dog vil der være kommentarer i koden, og der er kommentarer i vores egen kode.De hjælpe med at forklare tingene.

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
20. 20
    Luk browseren og Notepad .

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
21. 21
    Dette afslutter vores tutorial om hvordan man tilføje kommentarer til din HTML5 kode for at gøre det lettere for andre at forstå, hvad du forsøgte at gøre .

    Hvis du har spørgsmål, kommentarer eller forslag, så lad os vide i afsnittet nedenfor.Ellers tak for at se VisiHow og har en stor dag.

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
    Annonce

• Hvis du har problemer mednogen af ​​disse trin, stille et spørgsmål om mere hjælp, eller skrive i kommentarfeltet nedenfor.