HTML Tutorial for Beginners
Hypertext Markup Language (HTML) er koden som brukes til å lage websider. Når du oppretter en HTML-side, bruker du HTML-koder for å gi dokumentet et sett med instruksjoner for å lage strukturen for innholdet. Du trenger ingen spesielle verktøy for å begynne å praktisere språket, som et vanlig tekstredigeringsprogram, for eksempel Notisblokk eller TextEdit, vil være nok.
Ved hjelp av HTML-tagger
Hver bit av websiden din data er omfattet mellom en åpning tag og lukket med sin tilsvarende elementet (for eksempel <body> </ body>). Legg merke til "/" skråstrek i den avsluttende koden, da dette er det som skiller seg fra åpningen versjon. Denne regelen er grunnleggende, men likevel viktig fordi mange problemer med nettsidene kan vanligvis tilskrives en manglende end tag.
Vanlige HTML-tagger
En av de vanligste kodene du vil bruke om og om igjen er "<p>" ledd tag. Denne taggen inneholder mye av materialet, for eksempel innledninger og avsnitt. Ved hjelp av avsnittet taggen er ganske enkelt gjøres ved å legge åpningen "<p>" tag, deretter legge innholdet, og til slutt lukke den tilsvarende koden etter oppføringen. For eksempel: <p> Hello World! Dette er min første introduksjon til HTML. </ P>
En annen vanlig tag er "<h1>" overskrifter. Disse elementene hold delen overskrifter, og skiller dem fra resten av teksten ved å gjøre skriften større og med fet skrift. Du kan ha mer enn én størrelse header i dokumentet, med de største var en "<h1>" tag som inneholder sidens navn, en "<h2>" tag viser en del navn og eventuelt en "<h3>" tag at navnene et ledd. Som med all HTML, lukke hvert tilsvarende header med riktig kode. For eksempel: <h1> Page navn </ h1> <h2> hoveddelen </ h2> <h3> første ledd </ h3>
En tredje tag vil du sannsynligvis trenger er "<li>" -liste tag. Denne koden viser listen innholdet i enten kule eller nummer form. En punktliste legges inn ved hjelp av "<ul>" sorterte liste tag, og en nummerert liste krever at "<ol>" sortert liste tag. For eksempel, for å lage en nummerert liste Type: <ol> <li> Nummer én </ li> <li> Nummer to </ li> <li> Nummer tre </ li> </ ol>
HTML-koblinger
Nesten hver side inneholder noen form for en link, slik som forbinder to sider sammen eller vise et bilde. Sammen med den grunnleggende sett med HTML-koder, ankerkoder er avgjørende for bruk av HTML. De automatisk utmerker seg ved å vises i blått, med understreking under linken.
For å begynne, bruke "<a>" anker tag å koble to websider sammen. Når brukeren klikker på angitte tekstlinje, kaller nettleseren opp den navngitte siden, og leverer brukeren til adressaten. For å lage denne forbindelsen, skriver ankerkoden, forteller det hvor du skal gå ved å skrive inn den fullstendige URL-adressen og skriv inn tekstlinje navngi link. Husk å lukke taggen på slutten. For eksempel, for å koble til eHow nettside skriv: <a href="eHow</a"> http://www.ehow.com "rel =" nofollow "> eHow & lt; / a>
Opprette linker til bilder er litt annerledes ved at du bruker en "<img>" bildekode i forbindelse med ankerkoden. Skriv inn ankerkoden først, og deretter følger det med plasseringen av grafikken. Sørg for å huse HTML og image dokumenter i samme fil for å holde koblingen enkel. For eksempel, for å knytte et bilde som heter "image.jpg" skriver du følgende: <a href="<img"> http://www.theurl.com "> & lt; img src =" bilde.jpg "> < / a>