HodTari.com

Sådan skriver du en side i HTML

HTML (HyperText Markup Language) er et grundlæggende sprog, der bruges til udvikling af websider. Det blev oprettet som et simpelt og fleksibelt kodningssprog. Næsten alle internet sider udvikles med en vis variation af denne kodning (ColdFusion, XML, XSLT). Med den grundlæggende introduktion af denne artikel kan du udvide din viden med enhver anden wiki på denne side. Se også efter artikler uden for denne side for at forblive aktuelle.

trin

Skrivning af en HTML-side

Video: Reklame utskilt fra tekst på HTML-side (norsk)

1
Inden du starter et af de næste trin, læs venligst Nødvendige materialer.
  • 2
    De materialer og viden der kræves før meget involveret:
    • Tags er vigtige. Hvad er tags? Tags er tekststykker, der letter forståelsen mellem mennesker og maskiner. Når de bruges i HTML, holdes tags i parentes. De kan have attributter, der bedre beskriver ting til computeren og brugeren. Det fungerer på samme måde som når et link har en attribut, der ville blive kaldt href, som bestemmer hvilken side du vil gå til, når du klikker på dette link.Skabelon: grønNæsten alle tags bør lukkes med et mærke med samme navn, med et skråstreg før deres navn, som set ovenfor. Der er nogle undtagelser som tags META eller DOCTYPE.
  • 3
    doctypes
    • Almindeligvis er de fleste websider beskrevet af doctypes. De hjælper dig med at identificere kodningen såvel som den måde, hvorpå siden skal fortolkes af browseren. De fleste sider vil fungere uden dem, men de er nødvendige, hvis du vil validere siden af ​​(De hjælper med at regulere de forskellige typer internetkodning og hvordan disse typer skal / kan bruges). En DOCTYPE til version 4.01 af HTML kan ses nedenfor:Skabelon: grøn Dette er en af doctypes mere almindeligt på websider. For det første specificerer den sidetype, der beskriver `html`en, og den giver den offentlige definition af typen af ​​sidekodning. Endelig giver den placeringen af ​​DOCTYPE, der bedst beskriver siden til browseren.
    • Der er forskelle i HTML-typer (forskellige versioner udviklet gennem årene), som f.eks. Brug af specifikke tags eller tags. Nogle tags er forældede (ubrugelige for bedre og mere nyttige tags).
    • Dette er hvad der sker med tagsne og , fordi de bruges mere i udsmykningen af ​​teksten og ikke som en specifikation, og derfor har andre tags taget deres plads. Taggen tager plads til , ligesom mærket tager plads til .
    • Dette er vigtigt, da de tidligere tags er blevet erstattet med tags, der repræsenterer mere end formateringen. Hvis teksten oversættes, forbliver tekstens betydning den samme, ikke kun formateringen. Det er semantisk korrekt.
    • Siden Version 2.0 af XHTML, tags og begyndte at blive betragtet forældet, såvel som de sidste 3 versioner af HTML.
  • 4
    "Indkapslingsregel" for HTML.
    • Lad os nu se de vigtigste mærker, der bruges. Som en side er konstrueret, er der en grundlæggende struktur for den. Når et tag åbnes, det skal lukkes. Hele layoutet skal respektere denne regel. Her er et gyldigt eksempel på et XHTML-layout:Skabelon: grøn
    • Alle kodningssystemer konstruerede en prøvekode, der viser, hvad der kræves for at få dette kodningssprog til at oprette en besked Hej verden. Dette er den såkaldte test Hej verden.


  • 5
    Overskriften (header)
    • Overskriften på websiden er indholdet der eksisterer mellem tagget . Dette indhold er ikke synligt for brugeren (undtagen titlen, som tydeligvis vises i sidetitlen). Oplysningerne er mellem tags , som kan være mange andre tags, såsom:
      • META-mærket, bruges til at angive tekstinformation, der hjælper søgemaskiner eller andre forsyningsselskaber.
      • LINK-taggen, som giver forbindelse til dokumenter som stilark (CSS).
      • SCRIPT-mærket, som kan være næsten alle webkodninger integreret eller fås fjernt (i et separat dokument) af siden.
      • STYLE-mærket, som grundlæggende er et stilark, der er programmeret direkte på denne side, mellem disse tags.
      • TITLE-tagget, som indeholder en titel, der er placeret øverst i browseren eller som Firefox, som også vises på fanen.
    • Her er en demonstration af nogle af disse tags i en headerprøve taget fra dette websted (de blev kondenseret):Skabelon: grøn Hvis du ikke har bemærket, har jeg lige taget et tag og skåret ud nogen reel information. Det er noget godt kondenseret og stort set alle mærker du kan blive i med undtagelse af en HTML-kommentar (vi diskuterer dette i de grundlæggende tags).
  • 6
    Grundlæggende Tags Overalt
    • Lad os fortsætte og tale om nogle tags, vi allerede har diskuteret og lister andre. Vær opmærksom på deres brug og husk altid den gyldne regel, "Indkapslingen".
      • Skabelon: grøn Lav teksten at dukke op hvilket er mere fremtrædende, ikke at det er modigt.
      • Skabelon: grøn bruger skrifttypestørrelsen med en størrelse, sammenlignet med den almindelige tekst. Skriftstørrelsen måles i standardenheder 1 til 7, og den normale tekststørrelse er 3 som standard.
      • Skabelon: grøn Definerer en blok af formateret tekst. Denne tekst er normalt skrevet med en skrifttype i enkeltrum og med alle emner mellem ord.
      • Skabelon: grøn Fremhæver teksten, ikke som en stil, men i betydning.
      • Skabelon: grøn Opretter en gennemtrængende tekst, der blev betragtet som fremhævet.
      • Skabelon: grøn understreger teksten for at vise, at den er blevet tilføjet - nogle gange lige efter brugen af ​​mærket .
      • Skabelon: grøn En af mange eksisterende header tags. Alle har en `h` i dem, men nummeret kan variere - bare luk tag med samme overskrift nummer.
      • Skabelon: grøn Definerer en gruppe sætninger, der samles som et afsnit.
      • Skabelon: grøn I modsætning til andre tags skal indholdet, du vil vise i en HTML-kommentar, være i kommentarfeltet. Disse oplysninger kan kun ses, når kildekoden ses direkte i et tekstredigeringsprogram.
      • Skabelon: grøn Indstiller tekst, der er citeret fra en kilde, og skrifttypen kan beskrives med et tag .
      • Dette er ikke en komplet liste: For mere information, besøg HTML Dog for et godt overblik over de forskellige tags, der findes.
    • Igen er den viden jeg tilbyder her ikke det eneste sted at lære - besøg venligst det foreslåede websted for at finde en god guide til de mange eksisterende tags samt gode forklaringer og eksempler.

  • Video: TITLE optimering - redaktionel SEO

    7
    Opbygning af en informativ ramme
    • Siden er bygget til at gemme data i et enkelt sæt tags, så vi kan have overskrifter om denne information i afsnitene. Computeren forstår kun, hvilke data der findes, men ikke at alt forbinder hinanden. Computeren er ikke opmærksom på konteksten eller forholdet mellem ideer. Han har ikke den slags hjerne. Vi skal opbygge lydhurtige HTML-sider for at hjælpe computeren med at forstå et indholdsforhold for hver delafdeling. Dette kan opnås med det kaldte mærke
      . Det hjælper med at bygge mange sider, som vi ser i dag. CSS stil stilarter gælder, og det er nemmere end at skrive store kodeborde for at oprette et layout.
      • Skabelon: grøn Dette tag er specielt, fordi det nemt kan styles og kan bruges til at adskille informationsblokke på en måde, som både brugeren og computeren kan forstå.
    • Lad os se på et meget simpelt HTML-layout, som omfatter at bruge tagget
    • Navngivning af tags
      hjælper dig med at finde data og skabe stilarter lettere, når du bruger CSS og jаvascript. HTML bruger en anden kodning til at udføre opgaver som CSS til at stile sig selv og jаvascript for at skabe bedre og mere lydhøre brugerinteraktioner.

    • tips

    • Folk venter på den næste store ting siden skiverne, så opfinde, oprette designet eller kode det.
    • Lad være med at stoppe efter at have læst dette og tror ikke, at nogen har lært dig alt. Der er altid noget nyt at lære, især i denne utrolige og dynamiske teknologi.
    • Fortsæt med at studere og lære om CSS samt jаvascript.
    • Gå ud der og lær, lån materialer og analyser koder.
    • Når du har lært mange ting om alt dette, skal du begynde at studere om Server Coding.
    • Bemærk at nogle tags åbnes med en <> og det er, hvad de har brug for:

      (Afsnit) og
      (Line Break) er 2 eksempler. Andre tags åbnes med <> og har brug for en at blive lukket.

      er eksempler.

    advarsler

    • Husk, at HTML kun er en indholdskodning. Det betyder, at HTML kun er til opbevaring af indhold i et universelt format. Ændringer i din præsentation skal foretages af en anden kodning, som f.eks. CSS. Dette betyder også at være Semantisk korrekt, selvom andre ikke genkender det. Andre sprog hjælper bogstaveligt med at opbygge websider (CSS, jаvascript og XML). HTML er beregnet til at opbygge indhold. Præsentationskorrektion er målet for Java og CSS.

    Nødvendige materialer

    • En teksteditor, der understøtter ANSI-kodning
    • En webbrowser som Internet Explorer eller Mozilla Firefox
    • (Valgfrit) En wysiwyg eller wykiwyg HTML editor, som Adobe Dreamweaver, Aptana Studio eller Microsoft Expression Web

    Kilder og citater

    Vis mere ... (3)
    Del på sociale netværk:

    Relaterede
    © 2024 HodTari.com