Computere, Programmering
HTML: det grundlæggende for begyndere
HTML - hypertext markup language, der har gjort internettet som vi kender og elsker. Det er takket være denne vidunderlige værktøj sites ser pæn og moderne og giver den bekvemmelighed i deres anvendelse. HTML er simpelthen samler de elementer af en webside i en brugervenlig løsning. Hans arbejde kan sammenlignes med det faktum, at gøre teksteditorer såsom MS Word eller OpenOffice. De vender en ansigtsløs masse af bogstaver i et dokument, der har afsnit, fed tekst, kursiv, tabeller og endda billeder. Omtrent det samme gør HTML, med den eneste forskel er, at dens dokumenter vises i browseren, og mulighederne for dette værktøj er meget bredere end teksteditoren. Anvendes til mærkning tags - specielle kommandoer, der beskriver en webside struktur. De er omgivet af vinkelbeslag -
visuelle editorer
Begyndere kun baner vejen for studiet af HTML, ofte begynder deres arbejde med programmer til at lave hjemmesider uden nogen viden. De kan simpelthen placere elementer på skærmen, som de vises i browseren. Det ser ud til, her er det - kilden til evig nåde, gør det muligt at slippe af med de fleste af de web-udviklere. Men ikke så enkelt, fordi de visuelle redaktører har mange mangler, der gør det umuligt at bruge dem i seriøse projekter.
Disse programmer skabe en masse unødvendige tags, der gør den endelige version af siden besværlige og suboptimal. Selvfølgelig, i denne alder af high-speed internet er det af mindre betydning end tidligere, men der er en række grunde til, en koncis og velskrevet hjemmeside er en mere praktisk end dets modstykke, skabt i den visuelle editor. Webside lavet i et sådant program vil blive dårligt behandlet af søgemaskiner som vigtigt for dem hver kilobyte kode og besværlige og ulogisk kode med en flok af semantiske fejl næppe få dem til at smage. Desuden redaktionen ofte bag gange, bliver irrelevante, og at bruge ressourcer på deres udvikling er upraktisk, fordi ingen professionel ikke vil bruge disse produkter. Derfor alle, der ønsker at arbejde i skabelsen af websteder, bør kende til grundlæggende HTML.
tags
Som nævnt ovenfor, tags beskrive strukturen af webbrowseren side. De fleste af dem har åbne og lukke tags, men ikke alle. For eksempel
Der er også enkelte tags, som ikke behøver at blive lukket. I dem det var inde, såvel som attributter. Egenskab kan etableres for de fleste af HTML-tags og sætter egenskaberne for elementet. Det er udpeget i indledende mærke ser sådan ud: attribut = "...", hvor der i stedet for de punkter er den attribut værdi. Kendskab til tag er det første og vigtigste skridt for udviklingen af HTML. Det grundlæggende i denne kunst indebærer også en forståelse af webside struktur.
dokumentstruktur
Hver HTML-dokument har en tilsvarende forlængelse, for eksempel, index.html. Så browseren kan forstå, hvad han har at gøre, og korrekt vise en side. Alle de filer, der bruges til at oprette webstedet, er det tilrådeligt at holde i det samme bibliotek, som i fremtiden vil i høj grad lette dit liv. Foundations of Hypertext Markup Language HTML indebærer en klar forståelse af strukturen af dokumentet. Det starter med tagget , fortæller browseren version af HTML, som anvendes i dette dokument. I øjeblikket aktuel femte version af sproget, så der er ingen grund til at opfinde noget, kan vi trygt indsætte Ovenstående mærke til toppen af en hvilken som helst side.
Så gå til den vigtigste parret struktur, der udgør "skelet" af sitet. Det første mærke, hvor at sætte alt det andet - ... html>. Alt, hvad der er ud over, er ikke anerkendt af browseren som en webside, så den åbner og lukker dokumentet. Denne tag er nødvendig for ethvert dokument. Den indeholder også flere obligatoriske tags, som vil blive diskuteret i det følgende.
leder
Inde i tag
... head> indeholder oplysninger af teknisk karakter, som ikke vil blive vist på siden, men ikke desto mindre er en vigtig del af dokumentet HTML. Alm lagt i dette sted, udvælges og indføres i kodningen af sidens navn. Det er indeholdt i den obligatoriske taglink
Grundlæggende kendskab til HTML indebærer også brugen af cascading stilarter, eller css. De satte egenskaber ved de elementer, der vises på siden. Den moderne tilgang til dette problem indebærer indførelse af sådanne egenskaber som farve, højde og placering af elementet, til en ekstern fil for ekstra komfort. For at forbinde css-fil bruger tagget . I færdig form, det ser nogenlunde sådan her: , hvilket indikerer href på placeringen af filen, og type - på sin type.
Krop
Det er i denne del af HTML-dokumentet skabt af den synlige del af siden. Alt, hvad der sker inde i "krop" vises af browseren. I
- - anvendes til at ekstrahere en understreng, der skal tildeles til en bestemt stil, der er beskrevet i css;
- - skaber et link på en webside; hoppe adresse er angivet attribut href;
- - en af de mest populære moderne tags; Enhver, der har besluttet at lære det grundlæggende i sproget HTMLl bør være særlig opmærksom på det, fordi det er en blok element, som er lavet på baggrund af broderparten af nutidens hjemmesider (parametrene for bloker sat i css, og andre enheder kan placeres inde dette tag);
- vælger et afsnit af teksten; indholdet af afsnit ligger mellem åbning og lukning tags;
- - en nummereret liste, hvis elementer er som tag par
- ;
-
- - en punktopstilling, der, såvel som i de nummererede elementer betegnes med tag
- ;
-
-
- dokument headers (tallet angiver niveauet af headeren, dvs.
- den titel, og de efterfølgende variationer er dens undertekster, ved den måde, niveauer af overskrifter
,
er næsten umuligt at finde på internettet åbne rum) det er også vigtigt at huske, at en side kan kun have én overskrift
;
- - fed tekst;
- - kursiv;
-
- indsætte billeder på websiden (det er et enkelt tag, det behøver ikke at lukke ned, men det er nødvendigt for at angive attributten alt, der angiver den tekst til et billede);
Dette er ikke alle tags, der er nødvendige for at oprette din egen webside, men de er tilstrækkelige til at lægge grunden til HTML for begyndere.
CSS
HTML-sproget udvikling har ført til, at hver tag obzavolsya vægt attributter og krav til udseendet af websider betyde øget betydeligt. Kode er blevet for besværlig og upraktisk, det var svært at læse det, endsige at tilpasse eller ændre. Desuden så nødt til at svede, skiftende hver hånd, hvis dit websted ti sider, som en masse overskrifter, der er markeret med grønt, og du pludselig ønskede at gøre dem røde. Med fremkomsten af Cascading Style Sheets, er denne proces blevet enkel og logisk, og HTML-kode er blevet meget mere læsbar.
Anvendelse CSS
For at oprette websider, skal du kende det grundlæggende i HTML og CSS, så det er nu uden kendskab til cascading style sheets til at gøre på dette område er intet. De satte attributter for hvert element, som gælder for hele dokumentet. Således kan du indstille farven en gang for alle
elementer eller , skriver kun én regel. I betragtning af de nuværende krav til udseendet af websider, brug af Cascading Style Sheets er et must.
For at forbinde css fil til dokumentet, der er et tag link. Lidt over det beskrevne princip af dets brug, men det er ikke den eneste mulighed at kombinere alle stilarter på ét sted. Der er tagget