Datamaskiner, Programmering
HTML: det grunnleggende for nybegynnere
HTML - Hypertext Markup Language som har gjort Internett slik vi kjenner og elsker. Det er takket være denne fantastiske verktøy områder ser fin og moderne, og gir praktiske bruken. HTML er rett og slett monterer elementene i en web-side i et brukervennlig alternativ. Hans arbeid kan sammenlignes med det faktum at gjøre tekstredigeringsprogrammer som MS Word eller Openoffice. De slår en ansiktsløs masse bokstaver i et dokument som har avsnitt, fet tekst, kursiv, tabeller og med bilder. Omtrent det samme gjør HTML, med den eneste forskjellen er at dokumentene vises i nettleseren, og mulighetene for dette verktøyet er mye bredere enn tekst editor. Brukes for å markere koder - spesialkommandoer som beskriver en nettside struktur. De settes i vinkelparenteser -
visuelle redaktører
Nybegynnere bare banet vei for studiet av HTML, ofte begynne sitt arbeid med programmer for å lage websider uten kunnskap. De kan bare plassere elementene på skjermen som de vises i nettleseren. Det ville virke, her er det - kilden til evig nåde, gjør det mulig å kvitte seg med de fleste av webutviklere. Men det er ikke så enkelt, fordi de visuelle redaktører har mange svakheter som gjør det umulig å bruke dem i alvorlige prosjekter.
Disse programmene skaper en masse unødvendige koder som gjør den endelige versjonen av siden tungvint og suboptimal. Of course, i denne alderen av høyhastighets internett er det av mindre betydning enn tidligere, men det er en rekke grunner til at en kortfattet og velskrevet nettsted er en mer praktisk enn motparten, opprettet i visuell editor. Nettside laget i et slikt program vil bli dårlig behandlet av søkemotorer som viktig for dem hver kilobyte med kode og tungvint og ulogisk kode med en haug med semantiske feil knapt få dem til å smake. I tillegg redaktørene ofte i bakleksa, blir irrelevant, og å bruke ressurser på deres utvikling er upraktisk fordi ingen profesjonell ikke vil bruke disse produktene. Derfor, alle som ønsker å arbeide i etableringen av nettsteder, burde vite det grunnleggende HTML.
tags
Som nevnt ovenfor, kodene beskrive strukturen av nettleseren siden. De fleste av dem har åpning og lukking koder, men ikke alle. For eksempel,
Det finnes også enkle koder, som ikke trenger å være stengt. I dem var det inne, samt attributter. Attributt kan etableres for de fleste av HTML-koder og setter egenskapene til elementet. Det er utpekt i åpningen tag ser slik ut: attributt = "...", der i stedet av punktene er attributtverdien. Kunnskap om koden er den første og viktigste skrittet for utviklingen av HTML. Det grunnleggende i denne art innebærer også en forståelse av nettsiden struktur.
dokumentstruktur
Hver HTML-dokumentet har en tilsvarende forlengelse, for eksempel, index.html. Så leseren kan forstå hva han har å gjøre, og riktig vise en side. Alle filene som brukes til å opprette området, er det tilrådelig å holde i samme katalog som i fremtiden vil i stor grad lette livet ditt. Foundations of Hypertext Markup Language HTML innebære en klar forståelse av strukturen i dokumentet. Det begynner med koden , forteller leseren versjon av HTML, som brukes i dette dokumentet. For øyeblikket aktuell femte versjonen av språket, så det er ikke nødvendig å finne opp noe, kan vi trygt sette inn ovenfor koden til toppen av hver side.
Deretter går du til hovedsammenkoblet struktur, utgjør "skjelett" av området. Den første koden som å sette alle de andre - ... html>. Alt som er utenfor, ikke er anerkjent av nettleseren som en web-side, slik at den åpner og lukker dokumentet. Denne taggen er nødvendig for ethvert dokument. Den inneholder også flere obligatoriske koder, som vil bli diskutert her.
hodet
Inne i tag
... head> inneholder informasjon av teknisk art, som ikke vil bli vist på siden, men likevel er en viktig del av dokumentet HTML. Nettstedet varsel lagt i dette stedet, er valgt og introdusert i kodingen av siden navn. Det er inneholdt i den obligatoriske taglink
Grunnleggende kunnskap om HTML innebærer også bruk av brusende stiler, eller css. De setter egenskapene til de elementene som skal vises på siden. Den moderne tilnærming til dette problemet innebærer ileggelse av slike egenskaper som farge, høyde og plassering av elementet, til en ekstern fil for ekstra bekvemmelighet. For å koble den css-filen bruker tag . I ferdig form, ser det omtrent slik ut: , som indikerer href på plasseringen av filen, og type - på sin type.
Body
Det er i denne delen av HTML-dokument som er opprettet av den synlige delen av siden. Alt som er gjort inne i "kroppen" vil bli vist av nettleseren. I
- - brukes for å trekke ut en delstreng, for å bli tildelt en bestemt stil, er beskrevet i css;
- - skaper en kobling på en webside, hoppe adresse er angitt attributt href;
- - en av de mest populære moderne skilter; Alle som bestemte seg for å lære det grunnleggende i språket HTMLl bør være spesielt oppmerksom på det, fordi det er en blokk element, som er laget på grunnlag av brorparten av dagens nettsteder (parametrene for blokker satt i css, og andre enheter kan plasseres inne i denne koden);
- velger et tekstavsnitt; innholdet av ledd er plassert mellom åpning og lukking koder;
- - et nummerliste, hvis elementer er som tag par
- ;
-
- - en punktliste, som, såvel som i de nummererte elementene er betegnet med merkelappen
- ;
-
-
- dokumenttopper (på figuren angir nivået av den øverste del, det vil si
- hovedtittelen, og de etterfølgende varianter er dens undertekster, for øvrig, er nivåene av posisjonene
,
er nesten umulig å finne på Internett åpne områder) det er også viktig å huske at en side kan bare ha en header
;
- - fet skrift;
- - kursiv;
-
- sette inn bilder på nettsiden (det er en enkelt tag, det trenger ikke å stenge, men det er nødvendig å spesifisere alt-attributtet, som spesifiserer teksten for et bilde);
Dette er ikke alle kodene som er nødvendige for å lage din egen nettside, men de er nok til å legge grunnlaget for HTML for nybegynnere.
CSS
HTML språkutvikling har ført til det faktum at hver tag obzavolsya vekt attributter, og krav til utseendet på websider bety økt betydelig. Kode har blitt tungvint og upraktisk, det var vanskelig å lese den, enn si å tilpasse eller endre. Dessuten så har å svette, endre hver hånd hvis området ti sider, der en rekke overskrifter, merket i grønt, og du plutselig ønsket å gjøre dem røde. Med bruk av Cascading Style Sheets, har denne prosessen blitt enkelt og logisk, og HTML-kode har blitt mye mer lesbar.
Bruk av CSS
For å opprette websider, må du kjenne til grunnleggende HTML og CSS, så det er nå uten kunnskap om gjennomgripende stilark til å gjøre i dette området er ingenting. De satt attributter for hvert element, som gjelder for hele dokumentet. Dermed kan du sette farge en gang for alle
elementer eller , skriver bare én regel. Gitt dagens krav til utseendet på nettsider, er bruk av Cascading Style Sheets et must.
For å koble css filen til dokumentet, er det en tag link. Litt over det beskrevet prinsippet om bruken, men det er ikke det eneste alternativet å kombinere alle stilarter på ett sted. Det er den tag