Learning HTML kode begynner med å lære de grunnleggende kodene. Ved å studere eksemplene i denne artikkelen, bør du vite alle de grunnleggende HTML-koder som du trenger i å lage en enkel nettside.
Først av alt, er det viktig å vite at nesten hver tag har en åpning og en avsluttende. Når dette skjer, åpner vi med < tag >, og tett med < /tag >. Noen tags ikke anbefale åpne og lukke. Disse er bare rett og slett satt inn med < tag > og aldri stengt (selv i XHTML-standarden, ville de være skrevet < tag />). I de følgende eksemplene, tags uten flenger i dem betegne at de må åpnes og lukkes, mens kodene med en skråstrek etter innholdet (< tag />). Trenger bare å bli satt inn og aldri stengt
Merk Bilde: "< tag >" er ikke en ekte tag.
Også attributter biter av informasjon er lagt inne i en tag. For eksempel, for å bruke merkelappen fargeattributten, ville vi lage dette: < tag color = "COLORINFO" > < /tag >, hvor COLORINFO ville bli erstattet med riktig verdi og hele tag ville være stengt med bare en enkel < /tag > (ikke < /tag color = "COLORINFO" >)..
RAMME TAGS Z - Disse kodene omfatter grunnleggende rammeverk for noen
nettside
< html >
Denne taggen skjer i begynnelsen av en side av HTML. Det er en del av den grunnleggende rammen av en hvilken som helst side
<. Head >
Denne taggen kommer etter < html > og definerer "hodet" av dokumentet, hvor du vil plassere informasjon som du ikke ønsker direkte på nettsiden. Her kan du legge inn informasjon som tittel, metakoder og CSS
<. Title >
Denne taggen betegner tittelen. Det hører til i mellom < head > tags. Ordene som du ønsker på tittellinjen i nettleseren bør plasseres mellom < title > og < /title > tags
<. body >
Denne taggen åpner kroppen av websiden din, der det meste av innholdet vil bli inngått. Den har to viktige egenskaper: ". Bgcolor" "bakgrunn" og En bakgrunn verdien må være nettadressen til et bilde (for å lage et bakgrunnsbilde) og en bgcolor verdier må være en farge i ord eller heksadesimal format. (Ex: "grå" eller # FF55AA)
Alle tags på dette punktet er koder som er nødvendige for å rammen av websiden din (bortsett fra tittelen, men det er ansett som standard). Dette er hva rammen av noen HTML-koden skal se like:
<html>
<head><title></title></head>
<body>
</body></html>
Den ord, bilder og tabeller som du ønsker på websiden din skulle falle mellom < body > tags. Senere i denne artikkelen vil jeg vise kilden for en svært enkel webside
TEKST DEKOR Anmeldelser -.. Følgende koder er de grunnleggende kodene som brukes til å dekorere tekst
< b >.
Denne koden gjør teksten fet
< i >.
Denne koden gjør teksten kursiv
< u >
Denne koden gjør teksten understreket
<. big >.
Denne koden gjør teksten større
Disse kodene kan brukes separat, eller i sammen for å skape flere effekter. For eksempel: Dette
tekst
er
vektlagt, mens denne teksten er intense
!
< font >
Andre teksteffekter kan oppnås ved hjelp av < font > tag. De viktige egenskaper her er "farge", "størrelse" og "face". Fargeverdiene må i ord eller heksadesimal format (ex. "Fuchsia" eller # BB6677), størrelse verdier må være en nummer én gjennom syv (sju er den største), og ansikt verdier kan være navnet på en font.
< .no> Ex:.. < font color = "green" size = "2" face = "Georgia" > Denne teksten er endret < /font >
Denne teksten er endret
Eksempel NETTSIDE KODE
kode for et eksempel websiden kan se slik ut:
< html > < head > < title > Eksempel Websiden < /title > < /head >
< body bgcolor = "# AABB33" >
< b > Denne teksten er fet <! /b >
Denne teksten er ikke fet. Det er heller ikke formatert på annen måte
< /body > < /html >..
tekstformatering Anmeldelser - Følgende koder er de grunnleggende kodene som brukes til å formatere tekst Anmeldelser
< br />
Denne taggen skaper et brudd i teksten. Trykke "enter" i HTML-editor vil ikke opprette en faktisk pause på siden, slik at du må bruke denne koden for å lage linjeskift
<. H1 > < h2 > < h3 > < h4 > < h5 > < h6 > < h7 >
Disse kodene er de "header" tags. < h1 > skaper den største header, mens < h7 > skaper den minste spissen. En header består av størrelse-endret tekst med linjeskift over og under
<. P >.
Ledd tag skaper et linjeskift før og etter et avsnitt med tekst
< .no> Sette inn et medium Anmeldelser - Følgende kodene brukes til å sette inn ulike medier
<. img /> Bedrifter Den image tag inserts et bilde. Den har en nødvendig egenskap, "src". Verdien for "src" må være nettadressen til et bilde
Ex:. ≪ img src = "http://www.images.com/image.jpg" >
< a >
ankerkoden setter inn en hyperkobling. Den har også en nødvendig egenskap - ". Href" Verdien for "href" må være den nettadressen til nettstedet (eller bilde, eller fil, etc.) som du vil koble
Ex:. ≪ a href = "http://www.link.org "> Denne nettsiden er flott < /a >!.
Opprette lister Z - Følgende kodene brukes til å lage lister
Alle listene er gjort ved hjelp av en hoved åpning tag (< bl >, < ul >, eller < ol >), som må være lukket etter at listen er ferdig, og listepunkt tags (< li >), som må være lukket etter enkelte listepunkt
<. ul >
sorterte liste tag oppretter en liste preget av små svarte sirkler. "Type" attributtet kan ha verdier av "plate", "sirkel" eller "torget", som endrer den lille sorte sirkler inn andre markører
Note Bilde:. ≪ bl > (punktliste) er det samme som. < ul >, bortsett fra at listen blir trukket mot venstre (vanligvis ikke å foretrekke)
< ol >
ordnet liste tag skaper en liste preget av tall. Verdien for "start" attributt kan være en rekke, og dette forteller listen hvor du skal begynne nummereringen. Verdien for den "type" tilskrives kan være A, a, jeg, jeg, eller en som forteller listen hvilken type nummerering å bruke (alfabetisk, numerisk, eller romertall).
BORD Anmeldelser - Følgende kodene brukes til å lage tabeller
Tabeller er det mest avanserte tema dekket i grunnleggende HTML
< table >
Verdien for "bgcolor" attributt er en farge i heksadesimal format (ex. # 33AA44).
Verdien for "grensen" attributt er et tall som angir tykkelsen av grensen.
Verdien for "cellpadding" attributt er et tall som angir avstand (i piksler) mellom grensen og innholdet i tabellen.
Verdien for "cellspacing" attributt er et tall som angir hvor bred grensen vil være.
Verdien for "bredde" attributt er et tall som angir hvor stort bordet vil være (i piksler).
Verdien for "align" attributt må "venstre", "riktig" eller "sentrum", og betegner hvor innholdet av tabellen justerer.
Verdien for "valign" attributten må være "topp", "bottom", eller "middels", og betegner hvor innholdet i tabellen er justert vertikalt.
< tr >
Denne taggen definerer en tabell rad. Du må lage den før du oppretter en < td >. Du alltid definere rader før du definerer celler i de radene (som skaper kolonner). Du kan bruke "height" attributt her ved å gi den en verdi som, i piksler, vil definere høyden på rad. Du kan også bruke en prosentandel (ex "30%".) For å definere hvor mye av siden det vil ta opp (vertikalt), men dette er ikke anbefalt for tabell rad
<. Td >
Denne taggen definerer en tabellcelle. Informasjon kan plasseres i en tabellcelle, mens < tr > og < td > sammen definere hva en tabell vil se ut. Du kan bruke "bredde" tilskriver her for å definere, i piksler, hvor bred cellen vil bli. Du kan også bruke en prosentandel (ex. "55%") for å definere hvor mye av siden det vil ta opp (horisontalt).
Her er et eksempel på noen kode som kan skape et bord :
< table > < tr > < td > Dette er den første raden, første kolonnen <! /td > < td > Dette er den første raden, andre kolonnen <! /td > < /tr >
< tr > < td > Dette er den andre rad, første kolonnen <! /td > < td > Dette er den andre raden, andre kolonnen <! /td > < /tr > < /table >
Du kan kopiere denne koden inn i din egen HTML-editor for å se hva det ferdige produktet vil se ut. Føl deg fri til å tinker med det ved å legge til flere rader, en ulik mengde tabellceller i hver rad og ulike attributter. Anmeldelser
Hvordan å lære HTML kode Tags
Previous:Hvordan å bygge i Visual Basic