Computers, Programmering
HTML: de basis voor beginners
HTML - HyperText Markup Language dat het internet heeft gemaakt zoals we kennen en liefhebben. Het is dankzij dit geweldige programma sites zien er mooi en modern en biedt het gemak van het gebruik ervan. HTML is gewoon assembleert de elementen van een webpagina in een gebruiksvriendelijke optie. Zijn werk is vergelijkbaar met het feit dat te doen tekstverwerkers zoals MS Word of OpenOffice. Ze draaien een anonieme massa van letters in een document dat aan de leden, vette tekst, cursief, tabellen en zelfs afbeeldingen heeft. Ongeveer hetzelfde maakt HTML, met het enige verschil is dat de documenten worden weergegeven in de browser, en de mogelijkheden van deze tool is veel breder dan de tekst editor. Gebruikt voor het markeren markeringen - speciale commando's die een webpagina structuur te beschrijven. Ze worden tussen punthaken -
visuele editors
Beginners alleen de weg vrijmaakt voor de studie van de HTML, beginnen vaak hun werk met programma's om websites te maken zonder enige kennis. Ze kunnen gewoon plaats de items op het scherm als ze worden weergegeven in de browser. Het lijkt erop, hier is - de bron van de eeuwige genade, maakt het mogelijk om zich te ontdoen van de meeste van de web-ontwikkelaars. Maar niet zo eenvoudig, omdat de visuele editors hebben vele tekortkomingen die het onmogelijk maken om ze te gebruiken in serieuze projecten.
Deze programma's zorgen voor een veel onnodige tags die de definitieve versie van de pagina omslachtig en suboptimale te maken. Natuurlijk, in deze tijd van high-speed internet is het van minder belang is dan in het verleden, maar er zijn een aantal redenen waarom een beknopte en goed geschreven website is een meer praktisch dan zijn tegenhanger, gemaakt in de visuele editor. Webpagina die in een dergelijk programma zal slecht worden behandeld door zoekmachines zo belangrijk om ze elke kilobytes van code en omslachtig en onlogisch code met een bos van semantische fouten nauwelijks hen te proeven. Daarnaast heeft de redactie vaak achter de tijden, irrelevant, en om de middelen te besteden aan de ontwikkeling ervan is onpraktisch omdat er geen professionele deze producten niet zal gebruiken. Daarom is iedereen die wil werken aan de oprichting van sites, te weten de basis van HTML.
labels
Zoals hierboven vermeld, de labels beschrijven de structuur van de web browser pagina. De meeste van hen hebben het openen en sluiten-tags, maar niet allemaal. Bijvoorbeeld,
Er zijn ook enkele tags, die niet hoeven te worden gesloten. Bij hen was het binnen, evenals attributen. Attribuut kan worden vastgesteld voor de meeste HTML-labels en stelt de eigenschappen van het element. Het is aangewezen in de opening tag ziet er als volgt: kenmerk = "...", waar in plaats van de punten is het attribuut waarde. Kennis van de tag is de eerste en meest belangrijke stap voor de ontwikkeling van HTML. De basis van deze kunst impliceren ook een goed begrip van de webpagina structuur.
documentstructuur
Elk HTML-document heeft een overeenkomstige uitbreiding, bijvoorbeeld Index.html. Dus de browser kan begrijpen wat hij moet doen, en is juist een pagina weer te geven. Alle gebruikte om de site te maken van bestanden, is het raadzaam in dezelfde map die in de toekomst zeer uw leven zal verlichten te houden. Foundations of Hypertext Markup Language HTML leiden tot een duidelijk inzicht in de structuur van het document. Het begint met de tag , vertelt de browser versie van HTML, die wordt gebruikt in dit document. Op dit moment actueel vijfde versie van de taal, dus er is geen noodzaak om iets te verzinnen, kunnen we veilig Plaats de bovenstaande tag naar de top van een willekeurige pagina.
Ga dan naar de belangrijkste gepaarde structuur, die de "skelet" van de site. De eerste tag waarin aan al de anderen gezegd - ... html>. Dat alles is voorbij, wordt niet herkend door de browser als een webpagina, zodat hij opent en sluit het document. Deze tag is vereist voor elk document. Het bevat ook een aantal dwingende markeringen, die hieronder zal worden besproken.
hoofd
Binnen de tag
... head> bevat informatie van technische aard, die niet op de pagina wordt weergegeven, maar niettemin, is een belangrijk onderdeel van het document HTML. gelegd in deze plaats colofon, worden geselecteerd en geïntroduceerd in de codering van de naam pagina. Het is opgenomen in de verplichte taglink
Basiskennis van HTML omvat ook het gebruik van trapsgewijze stijlen, of css. Zij bepalen eigenschappen van de elementen die op de pagina wordt weergegeven. De moderne benadering van dit probleem betreft het opleggen van dergelijke kenmerken zoals kleur, hoogte en locatie van het item, naar een extern bestand voor extra gemak. Het aansluiten van de css-bestand maakt gebruik van de tag . In afgewerkte vorm, het ziet er ongeveer zo uit: , die href aangeeft op de locatie van het bestand, en het type - van het type.
lichaam
Het is in dit deel van het HTML-document dat is gemaakt door het zichtbare deel van de pagina. Alles wat wordt gedaan in het "lichaam" wordt weergegeven door de browser. In de
- - wordt gebruikt om een substring te halen, om te worden toegewezen aan een bepaalde stijl, in css beschreven;
- - maakt een koppeling op een webpagina; jump-adres is opgegeven attribuut href;
- - een van de meest populaire moderne labels; Iedereen die heeft besloten om de basis van de taal HTMLl leren moet in het bijzonder aandacht aan te besteden, want het is een blok element, die is gemaakt op basis van het aandeel van de huidige websites (de parameters voor het blokbevinden zich in css en andere eenheden kunnen in deze tag worden geplaatst) van de leeuw;
- selecteert een paragraaf van de tekst; De inhoud van de paragraaf is gelegen tussen het openen en sluiten markeringen;
- - een genummerde lijst, waarvan de elementen zijn zoals tagpaar
- ;
-
- - een opgesomde lijst, die, evenals de genummerde elementen aangeduid met tag
- ;
-
-
- documentheaders (het cijfer geeft het niveau van de header, dat wil zeggen
- de belangrijkste titel, en de daarop volgende variaties zijn de ondertitels, door de manier, het niveau van de posten
is bijna onmogelijk te vinden op het internet open ruimten) het is ook belangrijk om te onthouden dat een pagina slechts één header kan hebben
;
- - vetgedrukte tekst;
- - cursief;
-
- foto's invoegen op de webpagina (het is een enkele tag, het hoeft niet af te sluiten, maar het is nodig om het alt attribuut, waarin de tekst wordt aanbevolen voor een beeld te geven);
Dit is niet alle labels die nodig zijn om uw eigen webpagina te maken, maar ze zijn voldoende om de fundamenten van HTML leggen voor beginners.
CSS
ontwikkeling HTML-taal heeft geleid tot het feit dat elke tag obzavolsya gewicht attributen en de vereisten voor de weergave van webpagina's betekenen aanzienlijk toegenomen. Code, is omslachtig en lastig worden, was het moeilijk om het te lezen, laat staan aan te passen of te wijzigen. Trouwens, dan moeten zweten, verandert elke kant, als uw site tien pagina's, waarop veel koppen, groen gemarkeerd, en je ineens wilde ze rood te maken. Met de komst van Cascading Style Sheets, heeft dit proces eenvoudig en logisch worden, en de HTML-code is veel beter leesbaar geworden.
Het toepassen van CSS
Om webpagina's te maken, moet u weten de basis van HTML en CSS, dus het is nu zonder de kennis van cascading style sheets te doen in dit gebied is niets. Ze zetten attributen voor elk element, die van toepassing zijn op het gehele document. Zo kunt u de kleur een keer voor alle
Om de css-bestand aan te sluiten op het document, is er een tag link. Iets boven beschreven principe van het gebruik ervan, maar het is niet de enige optie is het combineren van alle stijlen op één plek. Er is de tag