HTML (HyperText Markup Language) er en grunnleggende språk for utvikling av web-sider. Det ble opprettet for å være en enkel og fleksibel kodespråket. De fleste hver side på Internett ble utviklet med noen form for denne koding (ColdFusion, XML, XSLT). Med den grunnleggende innføringen av denne artikkelen kan du bygge på din kunnskap med andre wiki på dette nettstedet. Vennligst også søke etter artikler utenfor dette området for å holde up-to-date.
Trinn
- 1Før du starter noen av disse trinnene, kan du lese de tingene du trenger delen.
- 2Ting å vite før du får altfor involvert:
- Tags er viktig. Hva er koder? Taggene er omringet biter av tekst som gagner menneske og maskin forståelse. Taggene er omringet med vinkelbena når det brukes i HTML. Tags kan ha attributter som beskriver ting bedre for både datamaskinen og bruker. Akkurat som en link har en egenskap som ville bli kalt a href som bestemmer siden du vil gå til når klikket.
Mest alle tagger må lukkes med en kode med samme navn med en skråstrek før det navnet som det er over. Det finnes noen unntak som META eller DOCTYPE tags
- Tags er viktig. Hva er koder? Taggene er omringet biter av tekst som gagner menneske og maskin forståelse. Taggene er omringet med vinkelbena når det brukes i HTML. Tags kan ha attributter som beskriver ting bedre for både datamaskinen og bruker. Akkurat som en link har en egenskap som ville bli kalt a href som bestemmer siden du vil gå til når klikket.
- 3Doctypes
- Vanligvis er de fleste alle websider spesifisert av doctypes. Disse bidrar identifisere koding, samt hvordan det skal tolkes av nettleseren. De fleste sidene vil fungere uten dem, men det er nødvendig hvis du vil at den skal være gyldig ved (De hjelper regulere Internetts enorme koding typer og hvordan de bør / kan brukes). En DOCTYPE for HTML 4.01-versjonen kan sees nedenfor:
Dette er en av de mer vanlige DOCTYPE s benyttet på sidene over hele nettet. Det første spesifiserer typen av side er det som beskriver "HTML", da det gir den offentlige definisjonen av siden koding type, så til slutt det gir plasseringen av DOCTYPE som bedre viser til leseren på siden. - Forskjeller i typer HTML (Forskjellige versjoner utarbeidet i løpet av årene), for eksempel bruk av tags, eller spesifikke koder. Noen koder er foreldet (fornektet for bruk av bedre og mer nyttige tags).
- Dette er for tiden pålagt <b> og <i> koder fordi de er mer for tekst dekorasjon, ikke dens spesifikasjoner, dermed andre koder ta deres plass. Den <strong> tag tar plassen til <b>, samt <em> tag tar plassen til den <i>.
- Det er viktig at de tidligere kodene er erstattet av koder som representerer mer enn formatering. Hvis teksten er oversatt, forblir betydningen av teksten den samme, ikke bare formateringen. Det er semantisk korrekt.
- Per XHTML Versjon 2.0 <b> og <i> kodene er ansett foreldet, samt HTML-versjoner tidligere tre.
- Vanligvis er de fleste alle websider spesifisert av doctypes. Disse bidrar identifisere koding, samt hvordan det skal tolkes av nettleseren. De fleste sidene vil fungere uten dem, men det er nødvendig hvis du vil at den skal være gyldig ved (De hjelper regulere Internetts enorme koding typer og hvordan de bør / kan brukes). En DOCTYPE for HTML 4.01-versjonen kan sees nedenfor:
- 4HTML "innkapsling regelen"
- La oss se de viktigste kodene som brukes nå. Som en side er bygget opp er det en enkel struktur til den. Når en kode er åpnet, må den være lukket. Hele oppsettet må ta hensyn til dette. Her vil være et eksempel på en gyldig XHTML layout:
- Noensinne kodesystem har bygget et eksempel på kode av hva det tar å få det kodespråket til å lage en Hello World melding. Dette kalles Hello World test.
- La oss se de viktigste kodene som brukes nå. Som en side er bygget opp er det en enkel struktur til den. Når en kode er åpnet, må den være lukket. Hele oppsettet må ta hensyn til dette. Her vil være et eksempel på en gyldig XHTML layout:
- 5Overskriften
- Overskriften på nettsiden er innholdet (e) som eksisterer mellom <head>. Dette innholdet er ikke synlig fra brukerens ståsted (bortsett fra tittelen som er tydelig i sidens tittel). Informasjonen i mellom <head> tags kan være en av mange andre koder som:
- META tag, som brukes til å angi tekst informasjon som hjelper med søkemotorer eller andre verktøy.
- LINK tag, som gir en forbindelse til dokumenter som stilark (CSS).
- Skriptet koden, kan dette være mest alle web koding og kan være i eller ekstern tilgang (eget dokument) ved siden.
- Den STYLE tag, som er utgangspunktet et stilark som er kodet direkte på den siden i mellom disse kodene.
- TITLE tag, gir dette en tittel som er plassert i baren på toppen av nettleseren, eller som Firefox, er i kategorien også.
- La oss se en presentasjon av noen av disse i en prøve header tatt fra denne siden (Det er blitt kondensert):
Hvis du ikke kan fortelle, jeg bare trakk en av hver tag og kutte ut noen reell informasjon. Det er ganske kondensert og ganske mye hver kode som kan være i <head> bortsett fra en HTML-kommentar (Vi vil komme til det i de grunnleggende kodene).
- Overskriften på nettsiden er innholdet (e) som eksisterer mellom <head>. Dette innholdet er ikke synlig fra brukerens ståsted (bortsett fra tittelen som er tydelig i sidens tittel). Informasjonen i mellom <head> tags kan være en av mange andre koder som:
- 6Grunnleggende kodene overalt
- La oss gå videre og trekke noen koder ut vi snakket om og liste noen flere. Ta hensyn til deres bruk, og alltid huske tommelfingerregel "Innkapsling."
- Gjør teksten mener at den sterke, ikke at det er fet.
- bruker decrement av skriftstørrelsen med ett sammenlignet med vanlig tekst. Skriftstørrelsen er målt i standard enheter 1-7, er normen størrelsen på teksten 3 som standard.
- Definerer en blokk av formatert tekst. Slik tekst er skrevet som regel med monospaced skrift og med alle blanks mellom ordene.
- Gir teksten vekt, ikke som en stil, men mening.
- Streik enn tekst som er ansett markert ut.
- understreker tekst for å vise det har blitt lagt til, noen ganger rett etter bruk av <Del> tag.
- En av de mange overskriften koder som eksisterer, den har alle en 'h' i dem, men antallet kan variere, bare lukke tagen med samme overskrift nummer.
- Definerer en gruppe av setninger som er vedlagt i det som et avsnitt.
- I motsetning til andre koder, må innholdet du ønsker i en HTML kommentar være inne i kommentar. Denne informasjonen er bare i stand til å bli sett når man ser direkte ved kilden i et tekstprogram.
- Definerer tekst som er sitert fra en kilde, og kilden kan beskrives med en <cite> tag.
- Denne listen er ikke fullstendig, vennligst besøk HTML Dog for en god oversikt over de ulike kodene som finnes.
- Igjen, er min kunnskap ikke det eneste stedet å lære av, kan du besøke nettstedet foreslått for en flott guide til mange av kodene der ute samt gode forklaringer og eksempler.
- La oss gå videre og trekke noen koder ut vi snakket om og liste noen flere. Ta hensyn til deres bruk, og alltid huske tommelfingerregel "Innkapsling."
- 7Bygge en informativ struktur
- Sidene er konstruert for å holde data i et enkelt sett med koder slik at vi kan ha overskrifter om opplysninger i avsnitt. Datamaskinen forstår bare det er data, ikke at det hele knytter sammen. Datamaskinen er uvitende om sammenhengen eller forhold av ideer. Det har ikke den slags en hjerne. Vi må bygge ansvarlige HTML-sider for å hjelpe datamaskinen se en sammenheng i innhold av devided delen. Dette oppnås ved en kode kalt <div> taggen. Det bidrar til å bygge en stor mengde sider der ute. Det er styleable med CSS og er lettere enn å skrive ut store bord koder for å lage en layout.
- Denne koden er spesiell på en slik måte at den kan utformes enkelt og kan bli brukt til separate blokker av informasjon på en måte som brukeren og datamaskinen kan begge forstå.
- La oss ta en titt på en svært enkel HTML layout som inkluderer bruk av <div> tag.
- Navngi <div> tags bidrar til å finne og style dem bedre når du bruker CSS og Javascript. HTML vil bruke ulike koding for å utføre oppgaver som CSS til å style seg selv og Javascript for å skape bedre og mer responsive brukermedvirkning.
- Sidene er konstruert for å holde data i et enkelt sett med koder slik at vi kan ha overskrifter om opplysninger i avsnitt. Datamaskinen forstår bare det er data, ikke at det hele knytter sammen. Datamaskinen er uvitende om sammenhengen eller forhold av ideer. Det har ikke den slags en hjerne. Vi må bygge ansvarlige HTML-sider for å hjelpe datamaskinen se en sammenheng i innhold av devided delen. Dette oppnås ved en kode kalt <div> taggen. Det bidrar til å bygge en stor mengde sider der ute. Det er styleable med CSS og er lettere enn å skrive ut store bord koder for å lage en layout.
Tips
- Folk venter på den neste største tingen siden skiver brød, så oppfinne, design, eller kode det.
- Ikke stopp etter å ha lest dette, og tror at noen har lært deg alt. Det er alltid noe nytt å lære, særlig i de store, og stadig fremmarsj teknologi.
- Gå ut og lære, låne, og bygge videre på koden.
- Gå på og lære om CSS, samt Javascript.
- Når du har lært en haug om alt dette, gå og lære om Server Coding.
- Legg merke til at noen koder er åpnet med en <> og det er alt de trenger,
(Punkt) og
<body> </ BODY> er eksempler.
(Linjeskift) er to eksempler. Andre koder blir åpnet med <> og krever en </> for å lukke det.
Advarsler
- Husk at HTML er bare innhold koding. Dette betyr at HTML er bare ment for å holde innholdet på en universell format. Visuelle endringer bør endres av andre koding som CSS. Det betyr også å være Semantisk korrekt, selv om andre ikke erkjenne det. Andre språk bokstavelig talt bidra til å bygge opp websider (CSS, Javascript og XML). HTML er ment å konstruere innhold. Presentational korrekthet er hensikten med Java og CSS.
Ting du trenger
- En tekst editor som støtter ANSI-koding
- En nettleser som Internet Explorer eller Mozilla Firefox
- (Valgfritt) En WYSIWYG eller wykiwyg HTML editor som Adobe Dreamweaver, Aptana Studio eller Microsoft Expression Web