Hvordan Lage Et Nettsted I Html

Innholdsfortegnelse:

Hvordan Lage Et Nettsted I Html
Hvordan Lage Et Nettsted I Html

Video: Hvordan Lage Et Nettsted I Html

Video: Hvordan Lage Et Nettsted I Html
Video: Hvordan kode HTML og CSS - Del 2 Hvordan lage et HTML dokument 2024, Kan
Anonim

Nesten alle nettsteder i dag er opprettet ved hjelp av innholdsstyringssystemer - CMS. Men det er fortsatt programmerere som lager websider for hånd direkte på HTML-merkespråket. Vil du bli en av dem?

Hvordan lage et nettsted i html
Hvordan lage et nettsted i html

Bruksanvisning

Trinn 1

Bruk et tekstredigeringsprogram som bare er til å redigere html-filer. Lagre resultatene i Unicode-koding - da vil du ikke ha problemer med å plassere kyrilliske, latinske bokstaver med umlauter, samt symboler på matematiske og fysiske symboler og greske bokstaver på samme side samtidig.

Steg 2

Navngi alle filene med utvidelsen ".html" (uten anførselstegn). I disse navnene kan bare latinske bokstaver, tall, understreker og bindestrek brukes, men i ingen tilfelle andre skilletegn (bortsett fra perioden som skiller navnet og utvidelsen) og mellomrom.

Trinn 3

Husk å lagre hjemmesiden til nettstedet i en fil som heter "index.html" (uten anførselstegn). Plasser denne filen i rotmappen din. Det er innholdet den besøkende vil se ved å legge inn URL-en i adressefeltet i nettleseren uten ytterligere parametere. Plasser resten av siden og bildefilene i samme mappe.

Trinn 4

Forbered start- og sluttblokkene i hver fil. Ordne dem som vist i figuren. I den siste linjen i den første QC-blokken - den heksadesimale verdien av lysstyrken til den røde komponenten i bakgrunnsfargen fra 00 til FF, ЗЗ - den samme for den grønne komponenten, CC - den samme for den blå komponenten.

Trinn 5

Plasser innholdet på siden mellom start- og sluttblokkene.

Trinn 6

Husk veiskiltene med betegnelse på tettsteder. Hvis skiltet bare har et navn skrevet på det, betyr det at det ligger ved inngangen til bosetningen med det navnet. Hvis navnet er krysset over, er skiltet plassert ved utgangen fra det. I en tag fungerer brøkstegnet foran kommandoen som en linje over et veiskilt. Handlingen til "åpningskoden" avsluttes når "lukkekoden" med den samme kommandoen oppstår senere i teksten.

Trinn 7

For å starte et avsnitt, bruk taggen som vises på bildet til venstre. For å få en linjeinnrykk før avsnittet, bruk merkelappen som vises i figuren til høyre.

Trinn 8

For å markere tekst i kursiv og fet skrift, bruk kodene og kombinasjonene som er vist på figuren.

Trinn 9

For å endre skriftstørrelse og farge, bruk kommandoen vist i figuren ovenfor, der CC-, ZZ- og SS-verdiene er definert på samme måte som for bakgrunnsfargen, HIGH er skrifthøyden i poeng. Farge- eller fontetikettene kan utelates hvis bare størrelsen eller bare fargen på fonten endres. For å avbryte denne kommandoen, bruk taggen som vises på bildet nedenfor.

Trinn 10

For å sette inn et bilde lagret lokalt i rotmappen på siden, bruk konstruksjonen vist i figuren ovenfor. For å sette inn et bilde lagret på en annen server, bruk et litt annet design, vist i figuren nedenfor. Ikke sett inn bilder fra tredjeparts nettsteder uten samtykke fra forfatterne. Noen nettsteder er beskyttet mot denne bruken av bilder.

Trinn 11

For å sette inn en side en lenke til en annen, lagret lokalt i rotmappen, bruk strukturen vist i figuren ovenfor. Hvis du vil lenke til en side som ligger på et tredjepartsnettsted, endrer du denne strukturen som vist i figuren nedenfor.

Trinn 12

Søk på nettet etter en veiledning om HTML-merkespråket, og du vil lære hvordan du bruker resten av kodene som det er dusinvis av på det språket.

Anbefalt: