Welkom op de pagina's van mijn blog. HTML is een eenvoudige opmaaktaal die wordt gebruikt om webpagina's te maken. Ik zei dat het eenvoudig was, zodat je je niet zou laten intimideren door het te leren. De html-taal is gewoonweg ideaal voor beginners - het is veel moeilijker om een ​​programmeertaal meteen helemaal opnieuw onder de knie te krijgen, maar html is eigenlijk veel eenvoudiger.

In dit artikel wil ik je vertellen hoe je deze taal het snelst en effectief kunt leren, zodat je hem binnen een maand of twee perfect kent. Denk je dat het onmogelijk is? Ik ben eind maart begonnen met het leren van HTML. Eind mei kende ik zonder problemen 90% van de tags die nodig waren voor mijn werk.

Hoe kun je gratis een taal leren?

Natuurlijk, voor het grootste deel snel leren je zou een aantal nuttige sites moeten vinden. Ten eerste heb je de HTML-referentie nodig. Zelfs doorgewinterde programmeurs gebruiken het, omdat het simpelweg onmogelijk is om tientallen tags en hun attributen in je hoofd te houden.

Uit de naslagwerken die ik u kan aanbevelen - htmlbook. Dit is echt een coole site die alle tags verzamelt en het resultaat van hun werk laat zien gedetailleerde beschrijving. Maar dit is slechts een leidraad extra hulpmiddel kan het grootste effect worden bereikt met echte oefening.

Interactieve cursussen

En hier heb ik het over interactieve cursussen. Dit is de mogelijkheid om code te schrijven en meteen te zien hoe deze wordt weergegeven. Tijdens de cursussen krijg je opdrachten. Ten eerste de eenvoudige, bijvoorbeeld het omzetten van de tekst in een titel of het maken van een tabel. Dan is het lastiger. Uiteindelijk zul je begrijpen wat je met HTML kunt doen. Als u denkt dat u hiervoor moet betalen, heeft u het mis.

is een prachtige site met cursussen over html en css. De eerste 16-18 cursussen zijn gratis! Als je je studie wilt voortzetten en toegang wilt krijgen tot betaalde studies, moet je 300 roebel per maand of 1800 per jaar betalen. Persoonlijk gaf ik 300 roebel, ik heb alles in een maand voltooid betaalde cursussen en heb er veel profijt van gehad.

Belang van records

Nog een advies van mij: schrijf het op! Schrijf alle informatie op die nieuw en belangrijk voor u is. Als u het niet opschrijft, loopt u het risico dat u de benodigde kennis niet in uw geheugen bewaart. Persoonlijk heb ik drie algemene notitieboekjes op mijn plank, bijna volledig gevuld met schrijven, en van tijd tot tijd kijk ik ernaar als ik een of ander eigendom vergeet.

Parallelle studie van html en css

HTML is slechts één webtechnologie die helpt bij het creëren van de structuur en lay-out van een webpagina. CSS is volledig verantwoordelijk voor het ontwerp bij de ontwikkeling van websites. Deze talen moeten tegelijkertijd worden geleerd omdat ze met elkaar interacteren.

Onafhankelijke praktijk

Als je eenmaal wat kennis hebt opgedaan, kun je zelfstandig oefenen. Hoe dit te doen? Probeer een artikel op te maken met afbeeldingen, een tabel, een geneste lijst, een eenvoudige pagina-indeling met twee kolommen of iets anders. Je moet oefenen omdat het zo is de enige manier geef de hersenen snel inzicht in hoe alles werkt. Het beste is natuurlijk om een ​​leraar in deze kwestie te vinden, maar hoogstwaarschijnlijk zul je hiervoor moeten betalen.

Lessen van het webformyself-team

Webformyself is een prachtig internetportaal dat veel informatie biedt over het bouwen van websites. Op hun website vindt u veel gratis artikelen over HTML, CSS en website-indeling, maar ze hebben ook betaalde video-tutorials uitgebracht, met als doel u zo snel mogelijk nuttige kennis over te brengen.

Uiteindelijk zou u een reden moeten hebben waarom u deze webtechnologieën leert. Dit wordt meestal gedaan om te leren hoe u zelf website-indelingen kunt maken. Als jij ook zo’n doel hebt, dan uitstekende optie u koopt toegang tot premiumlessen op webformyself.com. Als gevolg hiervan krijgt u niet alleen toegang tot lessen over HTML en CSS, maar ook tot vele andere. Bijvoorbeeld JavaScript en WordPress.

Daar staan ​​nuttige lessen in, waaronder de mogelijkheid om met behulp van de lessen je eerste lay-out te maken. Dit is erg belangrijk, omdat u goede oefening krijgt, waarna u uw vaardigheden zelf kunt verbeteren en andere lay-outs kunt bedenken voor sites die u op internet vindt.

Hoe lang duurt het om talen te leren?

Gemiddeld kunnen HTML en CSS zeer snel worden geleerd de juiste aanpak. Het kostte mij bijvoorbeeld enkele maanden. Als je weet waar je kennis kunt halen, kan het leerproces meerdere keren worden versneld.

Goede sites met nuttige materialen Ik heb het je gegeven - dan is het aan jou. In principe zijn bovenstaande bronnen de beste op internet. Zo hebben ruim honderdduizend mensen cursussen van Htmlacademy gevolgd en hebben ruim 87 duizend mensen zich geabonneerd op Webformyself-updates.

Van de auteur: Hallo allemaal. We willen allemaal het bouwen van websites beter begrijpen, zodat we hieraan kunnen deelnemen interessante projecten en breng uw ideeën tot leven. Maar wat als je een complete beginner bent? Ons html-tutorial voor dummies met praktische lessen zal je helpen eindelijk zo'n belangrijke doorbraak te maken in het bouwen van websites van nulniveau naar op zijn minst een basiskennis.

Bij het leren van websiteontwikkeling is, net als bij bijna elke andere kwestie, oefening belangrijk. Je kunt het recept voor het maken van borsjt 1000 keer herlezen, maar dat weerhoudt je er niet van om het te koken. Je kunt de basisprincipes van autorijden leren, maar totdat je achter het stuur kruipt, is het allemaal een mysterie. Er is ongetwijfeld enig voordeel te halen uit theoriekennis, maar niet zo groot als uit echte vaardigheden.

Dus als we het hebben over het leren van HTML, dan is er ook theorie, en dan is er praktijk. De theorie is in dit geval eenvoudigweg een soort serie artikelen, lessen over het onderwerp taal, basistags en hun toepassing, enz.

De praktijk begint voor u wanneer u zelf een HTML-bestand maakt en daar schrijft startcode en begin met je eigen handen te bestuderen hoe het allemaal werkt. Ik schreef een tag en zag hoe het werkt. Ik heb een foto ingevoegd en gecontroleerd. Enkele attributen toegevoegd, enz. Het is een oefening die het mogelijk maakt om de belangrijkste tags snel te begrijpen en te onthouden. Dan schrijf je ze gewoon automatisch op en hoef je niet een half uur te onthouden hoe je een lijst moet maken.

Voor zeldzame tags moet je altijd een woordenboek gebruiken. Niemand, geen enkele superlay-outontwerper of webontwikkelaar, denk ik, kent alle tags uit zijn hoofd. Het is gewoon niet nodig. Als je een tag eens in de tien jaar gebruikt, waarom zou je hem dan in je hoofd houden? Ik denk dat dit duidelijk is.

Maar ik zou deze praktijk eenvoudigweg een soort sandbox-spel noemen. Je schrijft gewoon verschillende tags, probeert alles zo gedetailleerd mogelijk uit te zoeken, maar waarvoor? Er moet een doel zijn. Meestal worden html en css bestudeerd om later uw eigen webpagina's en volwaardige websites te maken.

Dus, beste praktijk– is om een ​​kant-en-klare website-indeling te nemen en deze op te maken. Lay-out is precies het proces waarbij webpagina's worden gemaakt op basis van een meerlaagse tekening met behulp van html-talen en css. Ze kunnen tijdens de lay-out ook frameworks, javascript en applicatiebibliotheken gebruiken, maar dit is een onderwerp voor een ander gesprek. Dit alles is extra. HTML is een basistechnologie die heel goed begrepen moet worden.

Maar ik zal je gelukkig maken - het is eenvoudig, het is de eenvoudigste. Het is heel gemakkelijk om te leren hoe bepaalde tags werken en hoe u ze kunt toepassen. Er zijn er geen in html complexe algoritmen, functies, methoden, klassen, zoals gebeurt in programmeertalen. Dit is een opmaaktaal, bestudeer het een beetje en alles zal heel duidelijk zijn.

Hoe leer je een taal correct en waar kun je oefenen?

Nogmaals, ik heb het over gemakkelijk leren alleen als je de goede kant op gaat. Dat wil zeggen: bekijk slimme videotutorials waarin stap voor stap de nodige zaken worden uitgelegd, van eenvoudig tot complex. Als je lessen bekijkt die niet volgens dit format zijn gestructureerd, zul je hoogstwaarschijnlijk het grootste deel van het materiaal gewoon niet begrijpen.

Gelukkig zijn op onze website alle lessen gestructureerd en gerangschikt van eenvoudig tot complex. Daarom, als je html bestudeert met behulp van onze lessen, zul je geen problemen hebben met het beheersen van het materiaal.

Ik kan je verzekeren dat CSS interessanter is om te leren! En in sommige opzichten is het zelfs eenvoudiger. Ten eerste heeft CSS ook een flink aantal eigenschappen en regels die je moet onthouden. Ten tweede heeft deze taal een heel eenvoudige syntaxis, dus zelfs een beginner zal er geen problemen mee hebben om er code in te schrijven. Ten derde, aangezien CSS verantwoordelijk is voor het uiterlijk van de pagina, zul je in eerste instantie blij zijn dat je de pagina rood hebt gemaakt en die afbeelding een kader hebt gegeven.

Over het algemeen is het leren van CSS eenvoudig en interessant, dus ik raad aan om niet uit te stellen en meteen te beginnen nadat je klaar bent met de basisprincipes van HTML.

Je laatste oefening

Tenslotte heb je een examen. Maar maak je geen zorgen, het zal niet moeilijk zijn. Bovendien hoef je het niet zelf te doen, maar alleen volgens de instructies die in de lessen staan. Dit examen is een cursus. Daarin bereik je uiteindelijk het belangrijkste tussendoel: je ontwerpt je eerste website en krijgt inzicht in hoe je html en css kunt gebruiken bij het bouwen van echte websites. Ook al is het een eenvoudige site, de kennis die je hebt opgedaan zal voldoende zijn om verder te groeien en complexere lay-outs te creëren.

Dit artikel pretendeert niet zo te zijn uitgebreide gids Opmaaktaal voor HTML-documenten. Het behandelt de basisprincipes van HTML - basisprincipes, concepten en definities van deze technologie, als u deze onder de knie heeft, kunt u gemakkelijk verder gaan met het bestuderen van HTML-codering.

Om de les te bestuderen, downloadt u het archief met de benodigde bestanden.

HTML is een opmaaktaal voor documenten. De juiste uitspraak is HTT.

Heeft u waarschijnlijk ooit in de Word-documenteditor of soortgelijke kantoortoepassingen gewerkt? U weet waarschijnlijk dat dit type editor uitgebreide mogelijkheden heeft voor het bewerken van tekst, het rangschikken van elementen, het invoegen van afbeeldingen, enz.

Waarom, zou je je kunnen afvragen, over tekstverwerkers schrijven in een artikel over HTML? Maar waarom. Als je het door hebt, wat is dan een kantoorredacteur? Dit is een applicatie voor het bewerken en weergeven van documenten.

Het sleutelwoord hier is document. Dat wil zeggen, we maken, bewerken en bekijken een document in een programma, in dit geval - in kantoorredacteur. Als we zo'n document openen in een eenvoudige teksteditor, bijvoorbeeld Kladblok, zullen we veel vreemde symbolen en tekens zien. Deze puinhoop van symbolen is onbegrijpelijk voor de mensheid, maar begrijpelijk voor computers. Dankzij deze innerlijke taal Word-document krijgt een bepaalde structuur en uiterlijk in de editor zelf, en het document verschijnt voor ons in al zijn glorie met opgemaakte tekst en afbeeldingen op hun plaats.

HTML is een documentopmaaktaal voor de browser. Word is hier de browser en het document is de HTML-pagina. Dit is de basis HTML-technologieën, waarvan het begrip noodzakelijk is om de opmaaktaal van webdocumenten niet te verwarren met programmeertalen. De naam spreekt voor zich - met HTML gebruiken we markering, waar op de pagina het element, de afbeelding of de tekst wordt weergegeven en in welke volgorde ze naast elkaar verschijnen.

Ja, het eenvoudig typen en opmaken van tekst in kantoortoepassingen heeft niets met programmeren te maken. Maar de oplettende lezer zal een belangrijk detail opmerken: tekstverwerker We typen, bewerken en formatteren tekst en afbeeldingen met behulp van visuele knoppen en menu's, maar waarom wordt HTML-code met de hand geschreven? Waarom zoveel technische details leren over het schrijven van markeringen voor een document?

Er zijn zelfs veel editors waarmee u HTML-pagina's kunt maken en bewerken, vergelijkbaar met Word. Dat wil zeggen dat de bron-HTML-code voor ons verborgen is en dat we er niet op ingaan.

Een soort Word voor HTML. Zo een visuele editors heten:

WYSIWYG editors - Wat je ziet, is wat je krijgt. Dat wil zeggen, als we het in het Russisch vertalen: wat we zien is wat we krijgen.

Ik noem ze ‘wuzivoogies’. Hoewel dit fonetisch onjuist is, demonstreert het duidelijk de zinloosheid van deze uitvinding. Beginners gebruiken dergelijke editors heel vaak om hun eerste websites te maken. Dit is natuurlijk handig: u hoeft zich niet te verdiepen in de studie van tags, ontwerpstijlen en andere, op het eerste gezicht onaangename en complexe dingen. De editor zelf zet onze acties automatisch om in HTML-code.

Maar zoals ze zeggen: er gebeurt niets zomaar. Meer specifiek heeft deze aanpak zeer ernstige nadelen. Wat weerhoudt iedereen ervan om visuele editors te gebruiken HTML-ontwerp pagina's? Feit is dat op deze manier gevormde pagina's meestal veel onnodige code en veel fouten bevatten vanuit semantisch oogpunt. Nu zijn er natuurlijk geen problemen met een snelle internetverbinding en het verschil in paginagrootte van 400 kb en 100 kb is niet significant voor de snelheid, maar geoptimaliseerde en correct geschreven HTML-code elimineert veel problemen en biedt veel voordelen, namelijk:

• Competente HTML-code heeft een positief effect op de zoekmachineoptimalisatie en crawlsnelheid zoekrobot plaats. De kilobytes aan code die door de vuzivuga worden gegenereerd, zijn niet acceptabel en zelfs schadelijk;
• De HTML-code gegenereerd door de WYSIWYG-editor heeft er veel semantische fouten. Dat wil zeggen dat de tags die door een dergelijke editor worden gegenereerd, voor andere doeleinden worden gebruikt, waar ze bijvoorbeeld voor lijsten moeten worden gebruikt
  , genereert de editor nog een tag die we niet nodig hebben. Hangt natuurlijk af van de editor, maar hier bedoelen we complexe oplossingen voor het maken van websites niet eenvoudig bewerken tekst in een tekstgebied met WYSIWYG.
  • Er worden veel onnodige tags gegenereerd en de documentstructuur raakt opgeblazen. Laten we zeggen dat je een element in zo'n programma eerst naar rechts, dan naar links en dan naar het midden verplaatst - elke actie laat een spoor achter in originele HTML code. Een editor is een programma en kan niet weten wat je precies wilt krijgen. Het resultaat is dat het een enorme hoeveelheid code genereert, waarbij met alles rekening wordt gehouden mogelijke opties documentgedrag in de browser.
  • In de regel raken editors voor het visuele ontwerp van HTML-code snel verouderd. En door het gebrek aan interesse van professionals krijgen ze over het algemeen geen ondersteuning en stoppen ze met ontwikkelen. En HTML evolueert. Alles ontwikkelt zich behalve de wuzivoogi. Dienovereenkomstig kunnen ze geen correcte en moderne code genereren die nieuwe functies en oplossingen zou gebruiken.
  • Het ondersteunen en ontwikkelen van dergelijke projecten is een hemelse straf. Er kan helemaal geen sprake zijn van het gebruik van patronen en het hergebruiken van code.

  We zullen HTML dus alleen met pennen schrijven. Voldoende hulpmiddelen voor visueel HTML-bewerking Ze hebben ze nog niet bedacht en het is onwaarschijnlijk dat ze zullen verschijnen. De HTML-opmaaktaal is gemakkelijk te leren en te begrijpen, en automatiseringstools HTML schrijven Er is veel code, maar daarover meer in andere lessen.

  Na wat aan de WYSIWYG-editor te hebben gesleuteld, verlaten jonge HTML-goeroes deze nutteloze taak en gaan verder.

  HTML-documentstructuur

  Voor lessen raad ik aan de Sublime Text-editor te downloaden en te installeren. Ik raad ten zeerste aan om het ingebouwde Windows Kladblok voor HTML-indeling niet te gebruiken als je je psyche niet wilt breken in de vroege stadia van het leren van HTML.

  We hebben besloten dat de code HTML-document We zullen het met de hand schrijven, dat wil zeggen, we zullen het typen. HTML-indeling - proces HTML-creatie document. Bij het gewone volk en in geïnformeerde kringen is het slechts lay-out. Elk document heeft een structuur en bepaalde constructieregels. Uit welke elementen bestaat de code, wat is de structuur van HTML?

  Laten we een eerste sjabloon op de computer maken: het index.html-bestand, deze openen met een editor en de volgende code erin plakken:

  Koptekst Documenttekst Houd er rekening mee dat HTML-documenten de extensie .html hebben.

  Dus op volgorde van het voorbeeld.

  - documenttype (doctype)

  Deze constructie wordt altijd aan het begin van het document aangegeven, zodat de browser correct “begrijpt” welke versie van HTML wordt gebruikt bij het samenstellen van het document.

  Vanwege het feit dat HTML voortdurend evolueert, heeft het verschillende versies, zoals elk softwareproduct. Huidige versie HTML is de vijfde en het doctype dat in het voorbeeld wordt gegeven, is actueel.

  In principe heeft het geen zin om je te verdiepen in de studie van documenttypen, omdat dit ontwerp met de release van HTML5 een standaard is geworden. Voeg het gewoon aan het begin van het document in telkens wanneer u begint met het maken van een website-indeling.

  - begin van het document

  De eerste tag die we zien na het doctype is .

  Een HTML-tag is een structurele eenheid van HTML-documentopmaak. HTML-code bestaat uit bouwstenen die tags worden genoemd. Elke tag heeft zijn eigen functie, en het leren van de HTML-opmaaktaal gaat uiteindelijk over het leren van de tags en hun eigenschappen in een document.

  Ik zou willen opmerken dat het leren van HTML niet zo moeilijk is als het op het eerste gezicht lijkt. Het leren van de tags die worden gebruikt bij documentopmaak is niet zo eenvoudig. zware belasting op de hersenen.

  Documentopmaak begint dus met een tag en eindigt met een afsluitende tag. Elke tag die andere tags of elementen bevat, moet worden afgesloten met een afsluitende tag. Bijvoorbeeld, , , enz.

  De tag is verplicht omdat deze de volledige structuur van het document bevat en een omhulsel is voor andere elementen.

  Label

  Vervolgens zien we de tag, die andere elementen bevat die ons nog niet duidelijk zijn. Bevat andere elementen - dit betekent dat de elementen of tags zich tussen de openings- en sluitingstags van het construct bevinden:

  inhoud of andere tags

  Het doel van de tag is om de meta-informatie van een HTML-document op te slaan, dat wil zeggen informatie die niet in het document zelf wordt weergegeven, maar die wel belangrijk is en grotendeels bepaalt hoe het document eruit zal zien en zich zal gedragen.
  Deze tag is vereist in het document.

  Tag - documenttitel Titel

  De titel is vereist label, met tekstuele meta-informatie die wordt weergegeven in de browser- of tabbladtitel. De tag moet in de . Ook wordt de inhoud van deze tag door zoekmachines gebruikt om het document in de zoekresultaten weer te geven.

  Metatag

  Metatag is een gespecialiseerde tag die is ontworpen om gestructureerde gegevens over een pagina te verstrekken. Metatags worden het meest gebruikt in de . Metatags zijn optioneel in HTML-structuur document.

  Favicon

  Voegt een bestand met een favicon-afbeelding toe aan het document. Favicon is een miniatuurpictogram dat naast de documenttitel op een browsertabblad wordt weergegeven. Favicon wel grafisch bestand, 16 x 16 (of 32 x 32) pixels groot, wat kan hebben verschillende formaten, zoals png, jpg, ico, gif. Traditioneel wordt het ico-formaat gebruikt. Geanimeerde favicons zijn dat wel GIF-bestanden animatie bevatten. U kunt bijvoorbeeld een geanimeerde favicon zien op VKontakte wanneer er een nieuw bericht binnenkomt.

  CSS-documentstijlen

  Verbindt met CSS-document HTML-stijlbestand.

  CSS- trapsgewijs HTML-documentstijlen. Elke tag die zich in de tag bevindt, heeft een reeks eigenschappen, zoals kleur, breedte, hoogte en positie ten opzichte van andere elementen. Al deze eigenschappen zijn CSS-stijlen die naar een extern bestand kunnen worden geëxporteerd. Het ontwerp verbindt externe bestanden met het HTML-document, inclusief CSS-stijlen.

  Opmerking: De href-eigenschap van een constructie specificeert de locatie van het externe bestand. In ons voorbeeld is het bestand stijl.css En favicon.ico, bevinden zich in dezelfde map als het bestand index.html.

  Label

  heeft geen afsluitende tag. De tag bevat code of een link naar JavaScript-bestand

  en wordt meestal binnen de tag gebruikt, hoewel Google's tool voor het optimaliseren van de laadsnelheid van pagina's aanbeveelt deze tag aan het einde van het document te gebruiken, vóór de afsluitende tag. In ons voorbeeld is een extern bestand aangesloten, dat zich in dezelfde map bevindt als het hoofdbestand index.html.

  Dus vrienden, we hebben gekeken naar de belangrijkste elementen die het vaakst in de tag worden gebruikt. Naast deze elementen zijn er nog een aantal andere die specifieker en optioneel zijn.

  Lichaam oftewel lichaam

  Dit is waar alle leuke en visueel tastbare dingen beginnen in de HTML-indeling van een document.

  Laten we direct verder gaan met de lay-out van het zichtbare deel van de pagina. Alles wat we in de tag schrijven en opmaken, wordt in de browser weergegeven. Laten we ons bestand openen index.html in de browser om duidelijk te zien wat we in de editor doen.

  De tag kan elk HTML-tags noodzakelijk om het document voor te bereiden en de functionaliteit (vorm) ervan te garanderen. Ik zal een tabel geven met de meest gebruikte tags en ze allemaal kort beschrijven. U kunt de voorbeelden in de editor onmiddellijk uitvoeren.

  Label	Beschrijving
  	Een tag voor het maken van koppelingen in een document. Voorbeeld: linktekst Het href attribuut specificeert het document waarnaar de link zal leiden.
  ,	Maakt tekst cursief of vetgedrukt (benadrukt). Voorbeeld: cursieve tekst vetgedrukte (benadrukte) tekst
  , , , , ,	Documentkoppen. Er zijn in totaal 6 niveaus van kopjes, maar in de praktijk worden alleen h1 tot en met h4 gebruikt. Er mag slechts één kop in het document staan, gemarkeerd met de h1-tag, als de hoofdkop van het document. Voorbeelden: Kop van het eerste niveau Kop van het tweede niveau Kop van het derde niveau... enz.
  ,	Documentlijsten. Het is een genummerde lijst of een lijst met opsommingstekens. Het element van zo'n lijst is de tag Voorbeelden: Element lijst met opsommingstekens 1 Opsommingsteken 2 Genummerd lijstitem 1 Genummerd lijstitem 2
  	Paragraaf. Deze tag definieert een alinea met tekst, gescheiden van andere alinea's. Het is ten zeerste aan te raden deze tag te sluiten. Voorbeeld: Het uiterlijk van HTML-opmaak wordt grotendeels bepaald door CSS-stijlen. Sommige webmasters kiezen er echter voor om in de beginfase van een project geen stijlen te gebruiken.
  	Afbeelding. Met deze tag kunt u een afbeelding in de HTML-opmaak invoegen. Zorg ervoor dat u alternatieve tekst voor alle afbeeldingen opneemt: het 'alt'-attribuut. Deze tag is zelfsluitend. Voorbeeld:
  + +	Formulieren en invoerelementen. Formulieren zijn ontworpen om informatie in het systeem op de server in te voeren. Soort van feedback gebruiker en site. Formulieren worden bijvoorbeeld gebruikt wanneer u een bericht naar de server moet sturen. Bovendien kunnen formulieren andere functies vervullen, maar de hoofdtaak is het verzenden van gegevens naar de server. Voorbeeld - eenvoudige vorm het verzenden van een bericht waarin de sitegebruiker zijn naam, e-mail en wat tekst aangeeft: Berichttekst
  	Definieert een subtekenreeks binnen een tekenreeks. Wordt gebruikt om een ​​deel van een lijn op te maken met behulp van CSS. Eén van de meest gebruikte tags. Zonder design manifesteert het zich op geen enkele manier in de browser. Voorbeeld: HTML leren levert in de meeste gevallen geen problemen op voor beginners.
  ,	Tags zijn ontworpen om video en audio in een document in te voegen. De afsluitende tag is vereist. Voorbeelden: De parameter 'controls' vertelt ons dat de pagina besturingselementen voor media-inhoud moet weergeven, net als bij een gewone audio-/videospeler.
  	Echt een koninklijk label. De meest gebruikte en populaire tag in HTML-opmaak pagina's. Dit is een blokelement dat is ontworpen om blokken op de site te beheren. Het concept van een “prachtige” lay-out wordt vaak gebruikt - dit betekent dat alle blokken op de site zijn opgemaakt met behulp van deze tags. Kan andere tags bevatten. Voorbeeld: tekst in een genest blok Alle elementen zijn in de meeste gevallen versierd met eigenschappen CSS-stijlen. De afsluitende tag is vereist.
  	Deze tag laadt een externe pagina in het document. Voorbeeld:

  We hebben niet met alle tags rekening gehouden, en dat is in dit stadium ook niet nodig. Het belangrijkste is om het basisidee van HTML te begrijpen, te leren hoe u de hierboven gepresenteerde tags kunt gebruiken en dan verder te gaan.

  Houd er rekening mee dat alle namen in de meegeleverde bestanden in Latijnse tekens moeten worden geschreven, zonder spaties.

  Doe bijvoorbeeld niet:

  Dit is nodig voor een grotere compatibiliteit van pagina-inhoud. Bovendien dicteren de standaarden voor het schrijven van HTML-code.

  Dus nu kennen we enkele basisprincipes van HTML: welke structuur een typisch HTML-document zou moeten hebben, we kennen enkele van de meest populaire tags, het is tijd om aan de slag te gaan met het lekkerste deel: cookies.

  Praktische opdracht over HTML-opmaak

  Als u het archief met voorbeelden nog niet heeft gedownload, doe dat dan. Je kunt bijvoorbeeld naar het voorbeeld.html-bestand kijken, dat ook in het archief stond.

• Pak het archief uit en maak een index.html-bestand in de map met de uitgepakte bestanden. Open het gemaakte bestand met behulp van de Sublime Text-teksteditor;
• Creëer een initiële documentstructuur met een doctype, tag met daarin en en ga verder met het bewerken van de inhoud van de tag;
• Open het readme.txt-bestand en voltooi de juiste taken in het index.html-bestand dat u hebt gemaakt. Om het resultaat te controleren, opent u index.html in uw favoriete browser.

Dit is de afsluiting van de les over de basisprincipes van HTML. In de volgende les “CSS Basics” zullen we leren hoe we de stijlen van documentelementen kunnen beheren, trapsgewijze stijlbladen leren kennen, leren hoe we stijlklassen kunnen gebruiken en onze lay-out mooi en kleurrijk kunnen maken .

Tot ziens, vrienden!

Hallo vrienden!

Ik wil je vertellen welke online bronnen en cursussen ik heb gebruikt om HTML en CSS te leren. Met deze tutorials leer je HTML en CSS snel en eenvoudig vanaf het begin tot een zeer geavanceerd niveau.

HTML, CSS voor beginners en meer.

Vergeet niet dat ik in de laatste artikelen al heb gezegd dat ik je binnenkort zal vertellen over alle bronnen, sites, diensten, cursussen die ik nuttig en effectief vind voor HTML-training en CSS? Deze tijd is gekomen, vandaag zal ik je vertellen wat ik heb gebruikt en waar ik momenteel nog steeds werk.

Waar ik het over zal hebben, is op de mijne getest persoonlijke ervaring en ik sta in voor de kwaliteit. Als u mijn aanbevelingen opvolgt, zal uw tijd niet voor niets zijn.

Ik ga ervan uit dat je in ieder geval aanwezig bent algemene schets je weet wat HTML en CSS zijn, wat je ermee kunt doen en waarom je dit allemaal nodig hebt. De effectiviteit van mijn aanbevelingen en uw training zal afhangen van hoe goed u deze disciplines al kent, welke doelen u zichzelf stelt en welk niveau van beheersing u van plan bent te bereiken.

In dit artikel zal ik me concentreren op beginners, op degenen die net hun eerste stappen zetten in het leren van HTML en CSS; voor hen zal mijn advies het meest relevant zijn. Nadat u deze fasen heeft doorlopen, zult u zeker begrijpen of u geïnteresseerd bent in verder studeren en het verbeteren van uw vaardigheden. Zo ja, blijf dan alle subtiliteiten en nieuwe mogelijkheden bestuderen en begrijpen.

Zelf bevind ik me nu in deze fase en volg geleidelijk geavanceerde cursussen en lessen, waarbij ik de mogelijkheden van HTML5 en CSS3 bestudeer. Tegelijkertijd haal ik veel plezier uit de lessen, maar ook uit het gevoel van flexibiliteit, geweldige kansen en nieuwe ideeën die in dit spannende proces ontstaan.

Mijn reis in het leren van HTML en CSS

Mijn eerste kennismaking met HTML en CSS vond plaats tijdens mijn eerste jaren bij het instituut (hoewel ik al veel eerder geïnteresseerd raakte in programmeren), toen begreep ik waar elk van hen verantwoordelijk voor was. In die tijd was het nog gebruikelijk om actief gebruik te maken van ingebouwde stijlen en een raster van pagina's op te bouwen met behulp van tabellen. Slechts enkelen stapten over op div's, waar ik op dat moment niets van wist en geen belang hechtte aan deze punten.

Omdat ik op de een of andere manier de basispunten begreep, leefde ik met deze onvolledige en verouderde kennis voor een lange tijd. Ik heb geprobeerd mijn eigen pagina's te maken en er stijlen aan toe te voegen. Vrij recentelijk heb ik het gedaan, waardoor ook het ontwerp veranderde.

En toen, nadat ik me dagenlang in de code had verdiept, besefte ik hoe beperkt en ontoereikend mijn kennis was. Het is als een onzichtbaar raamwerk waarin je jezelf plaatst en waarin je leeft, terwijl je aan deze stand van zaken went. Er was geen vrijheid om creatieve ideeën of gedachten te realiseren.

Er waren eindeloze vragen: "hoe moet ik dit doen en niet al het andere verpesten?", Die ik oploste. Ik kan me niet herinneren dat mijn gedachten lang bij zulke vragen bleven hangen: "is het juist om dit in deze situatie te doen en ben ik niet met mijn onbekwame handen een tweede wiel aan het uitvinden?"

De tijd kwam dat deze gang van zaken mij niet langer beviel, en ik besloot eindelijk de controle over de situatie over te nemen. Aan het einde van het jaar verscheen dit idee op de pagina's van een artikel over. Maar nu worden deze plannen uitgevoerd en kan ik alleen maar denken: “wat hield mij tegen, en waarom heb ik dit niet eerder gedaan?” Het is vergelijkbaar met hoe ik het onlangs onder de knie heb gekregen en nu erin slaag om gedachten in de vorm van zinnen vast te leggen.

Hoe leer je HTML en CSS helemaal opnieuw?

Ik herhaal nogmaals dat er altijd meerdere opties zijn om een ​​doel te bereiken. Ik zal mijn ervaring beschrijven, omdat... Ik denk dat het goed genoeg is om over te praten.

Stadia van het leren van HTML en CSS

Het is het handigst om het hele proces in fasen op te delen:

• HTML introduceren en de basis leren
• CSS introduceren en de basisconcepten beheersen
• Gevorderd niveau. HTML5 en CSS3 leren

Het is algemeen bekend en we hebben het allemaal vele malen getest dat herhaling nodig is om te onthouden. Maar zodat het proces niet saai wordt, zullen we niet steeds hetzelfde herhalen. In plaats daarvan zullen we verwijzen naar verschillende bronnen in elke fase, waardoor onze kennis en begrip wordt uitgebreid.

En ook al lijkt een van de momenten ergens niet helemaal duidelijk, op een andere plek dek je alle blinde vlekken af, voel je je zelfverzekerd en kun je gemakkelijk verder.

Door dit plan te volgen, raak je geleidelijk vertrouwd met technologieën, onthoud je alles in de praktijk gemakkelijk, waardoor je zeer sterke specialisten in HTML en CSS wordt, je nieuwe technologieën HTML5, CSS3 kent, evenals de beste en moderne benaderingen in pagina-indeling.

De beste HTML- en CSS-tutorials

En hier zijn de bronnen zelf, waarnaar ik zal verwijzen en die ik u aanmoedig om actief te gebruiken:

• Cursussen
• Codecademy, HTML & CSS cursus. Wij zullen alleen gebruik maken van de lessen. Tests en projecten worden daar betaald, we kunnen zonder.
• HTML Academie. Je kunt mijn affiliatecode 1115104d039 gebruiken om een ​​goede korting te krijgen op vervolgcursussen.

Er moet ook worden vermeld over de Code School, waar hoge kwaliteit presentatie van materiaal, maar het wordt betaald en zal alleen handig zijn voor degenen die goed Engels kennen.

Ik wil ook graag de directory htmlbook.ru noemen, waar je in de toekomst vaak in terecht zult komen als je een zoekmachine gebruikt.

Het is geen toeval dat de cursussen van E. Popov op de eerste plaats staan. Deze persoon zal uw gids zijn in de eerste fasen.

Ik beschouw HTML Academy als de sterkste en meest serieuze school onder de Russischtalige bronnen; daar volg ik momenteel geavanceerde cursussen die alleen via abonnement beschikbaar zijn, maar die helemaal niet duur zijn (300 roebel per maand) vergeleken met Code School (de prijs daar varieert van 20 tot 30 dollar, afhankelijk van de promoties). Door mijn HTML Academy-affiliatiecode - 1115104d039 te gebruiken, krijgt u korting wanneer u zich abonneert.

We zullen elke keer na de Popov- en Codecademy-cursussen naar HTML Academy gaan; dit zal je rustiger en zelfverzekerder maken bij het oplossen van problemen, waarvan sommige behoorlijk serieus zijn. Niet iedereen heeft ijzeren zenuwen.

Studieplan voor eenvoudige beheersing van HTML en CSS

Ik stel voor dat u zich aan dit plan houdt. Dit heb ik zelf gedaan, het resultaat en het leerproces zelf bevielen mij.

• . Wat je daar leert en hoe je het kunt krijgen, zie mijn artikel.
• Codecademy, HTML & CSS cursus.
• Eenheid 1, Eenheid 2, Eenheid 3
• HTML Academy, de eerste zes cursussen vóór de cursus "Inleiding tot CSS", het is later
• . Zie mijn artikel voor details.
• Codecademy, HTML & CSS cursus. Unit 4, Unit 5, Unit 6. Dit is waar we eindigen met het gebruik van Codecademy.
• HTML Academy, Beginnend met de cursus "Inleiding tot CSS" 5 cursussen, eindigend met de cursus "Tekst ontwerpen met behulp van CSS"
• Cursus: HTML5 en CSS3 oefenen HTML Academy, alle resterende cursussen van basisniveau
• Gevorderd niveau. We hebben alleen nog de HTML Academy-school, waar je via een abonnement verdere niveaus moet doorlopen. Vergeet mijn partnercode niet, die ik hierboven noemde. Bestudeer "Geavanceerde cursussen" en "Preprocessors". Op het moment dat ik dit schrijf volg ik de cursus Lineaire Gradiënten. Ik ben van plan al deze cursussen tot het einde te voltooien.

Dit is het werkplan dat is geschetst voor degenen die een goed begrip van HTML en CSS willen leren. Het lijkt misschien alsof dit allemaal erg lang en moeilijk is. Angst heeft, zoals je weet, grote ogen. Het begint allemaal met de eerste stap. Als je niet lui bent en ijverig studeert in je vrije tijd, wordt de lijst kleiner.

Ik heb ongetwijfeld niet gesproken over andere bronnen die ook nuttig kunnen zijn. Als je zulke mensen kent, niet noodzakelijkerwijs alleen in HTML en CSS, vertel ons dan over hen! Het zou geweldig zijn als je informatie achterlaat in de reacties.

Cursussen over HTML5 en CSS3, moderne lay-out en webdesign

Ik besloot je nog een paar cursussen over HTML en CSS te vertellen, evenals onderwerpen over moderne lay-out, webontwerp en het maken van websites. Mijn HTML- en CSS-trainingsplan, dat ik hierboven heb voorgesteld, is getest en geeft uitstekende resultaten. Maar misschien zal het lastig zijn als iemand door verschillende bronnen heen springt; hij wil dat alles op één plek staat. Volg in dit geval professionele schrijfcursussen bij gedetailleerde lessen, waarover ik u zal vertellen, zal aangenamer en zelfs effectiever zijn.
Hieronder geef ik je eenvoudig een opsomming van trainingen en kun je zelf kijken wie wat leuk vindt.

• Oefen de basis adaptieve indeling in HTML5 en CSS3
• HTML5 en CSS3 van Zero tot Pro
• Oefening van website-indeling voor mobiele apparaten
• Webdesign: praktische cursus over het maken van een landingspagina
• Een webdesigner is een professional. Veelgevraagde lay-outs maken
• Moderne trends op het gebied van webontwikkeling
• Alles over het maken van websites
• Stappenplan voor het maken van een website
• JavaScript&jQuery van nul tot professional
• Geheimen van praktische SEO
• Moderne PHP: werken met VKONTAKTE
• Leer mooie, moderne abonnements- en verkooppagina's maken
• Blogschool

Nog één minuut. Ik dacht: wat als het onderwerp

Ik besloot meer aandacht te besteden aan beginners die kennis willen opdoen op het gebied van website bouwen. Mijn docent heeft mij daartoe aangespoord, omdat zij veel fouten maakte in de trainingshandleidingen. laboratorium werk. Ik zou graag willen kijken naar de bron waaruit de educatieve informatie is gehaald, en daar een paar regels van mijn mening achterlaten. Maar daar gaat het nu niet om. In mijn eerste lezing zal ik het hebben over

Wat is de structuur van een HTML-document?

De tag geeft aan dat de structuur van het HTML-document begint en eindigt. De meeste informatie voor de browser en zoekmachines wordt tussen de tags opgeslagen. De tags bevatten de titel van onze pagina. De tag geeft aan dat verdere informatie voor de gebruiker bedoeld is, en geeft uiteraard aan dat de informatie voor de gebruiker eindigt.

Laat me het nu een beetje uitleggen. Alle tags ( tag - hypertext-opmaaktaalelement) zijn onderverdeeld in twee typen: "enkel" en "sluitend". Bovendien worden tags omsloten door de volgende tekens< и >, zij onderscheiden een tag van een gewone tag html-tekst. Laten we eens kijken naar enkele van de eenvoudigste “enkele” tags:


— een tag die verantwoordelijk is voor het doorbreken naar een nieuwe regel op de plaats waar deze tag is geïnstalleerd. Laten we eens kijken naar de code die deze tag gebruikt.

Mijn eerste website Hallo allemaal!
En dit is mijn eerste site.

Het resultaat mag bekeken worden.

— een tag die een horizontale lijn tekent. Dit label verwijst naar blok elementen, de regel begint altijd met nieuwe lijn. Heeft 5 attributen:

• uitlijnen — Bepaalt de uitlijning van de lijn. Kan de waarde links, midden, rechts aannemen.
• kleur — Stelt de kleur van de lijn in.
• noshade - Tekent een lijn zonder 3D-effecten.
• grootte — Stelt de lijndikte in.
• breedte — Stelt de breedte van de lijn in.

Codeer met behulp van de tag:

Mijn eerste site Hallo allemaal! Dit is mijn eerste site.

Een visueel voorbeeld vindt u hier.

Een andere “enkele” tag is . Deze tag wordt gebruikt om informatie op te slaan die bedoeld is voor browsers en zoekmachines. Zoekmachines gebruiken metatags om sitebeschrijvingen, trefwoorden en andere gegevens te verkrijgen. Je mag een onbeperkt aantal metatags gebruiken, ze moeten allemaal tussen en liggen. De parameters van elke metatag hebben de vorm “name=value”, die wordt bepaald door de trefwoorden content , name of http-equiv . Omdat metatags zijn bedoeld voor machines, ze brengen geen visuele wijzigingen aan, dus ik zal alleen de broncode verstrekken:

Deze regel geeft aan dat de maker van de pagina denkt dat de pagina UTF-8-codering gebruikt. In HTML5 is alles eenvoudiger geworden; om de codering te specificeren, heb je alleen de volgende regel nodig:

Er zijn andere enkele tags (, ,
, , , , , , , , , , , , , ), maar ik zal je later aan hen voorstellen.

Laten we het nu hebben over het "sluiten" van tags. De naam ‘sluittag’ geeft aan dat de tag een verplichte afsluiting vereist. Dit wordt gedaan om het deel van de tekst dat door de tag wordt beïnvloed duidelijk te beperken.

Laten we voor een duidelijk voorbeeld eens kijken naar de tag, die wordt gebruikt om tekst te markeren; deze zet het lettertype vetgedrukt. Tags zijn grenzen die het tekstselectiegebied definiëren. Hier is de code waarin ze vergaten de tag op de laatste regel te sluiten:

Mijn eerste website Hallo allemaal! En dit is mijn eerste site.
Hallo allemaal! En dit is mijn eerste site.

Zoals u kunt zien, is er niets ingewikkelds, nu kunt u meerdere pagina's maken die aan elkaar zijn gekoppeld.

Tags voor het markeren van tekst

Er zijn verschillende manieren om tekst op een pagina te markeren. Dit kan gedaan worden met behulp van stijlen, of u kunt tags gebruiken. Wij zijn (voorlopig) geïnteresseerd in de tweede optie.

— stelt het lettertype in op vet.

— stelt de cursieve letterstijl in.

— voegt een onderstreping toe aan de tekst.

— bedoeld om de tekst te benadrukken. Browsers geven deze tekst cursief weer.

- streept de tekst door. Deze tag is verwijderd uit HTML5. Het wordt aanbevolen om deze in plaats daarvan te gebruiken

— geeft tekst weer als tekst met één spatie. Verwijderd uit HTML5.

— geeft het lettertype weer als superscript. Het lettertype verschijnt boven de tekstbasislijn en in een verkleind formaat.

— geeft het lettertype weer als subscript. De tekst wordt onder de basislijn van de overige tekens op de regel geplaatst en verkleind.

— bedoeld om de tekst te benadrukken. Browsers geven deze tekst vetgedrukt weer.

- verkleint de lettergrootte met één vergeleken met in platte tekst. IN HTML-formaat het lettertype wordt gemeten in conventionele eenheden van 1 tot 7, de gemiddelde tekstgrootte die standaard wordt gebruikt is 3. De tag verkleint de tekst met één conventionele eenheid. Geneste tags zijn toegestaan ​​en de lettergrootte wordt bij elk genest niveau 1 kleiner, maar kan niet kleiner zijn dan 1.

— vergroot de lettergrootte met één vergeleken met gewone tekst. In HTML wordt de lettergrootte gemeten in eenheden van 1 tot 7, de gemiddelde standaardtekstgrootte is 3. Als u dus een tag toevoegt, wordt de tekst met één eenheid vergroot. Geneste tags zijn toegestaan ​​en de lettergrootte wordt bij elk niveau groter.

— gebruikt om citaten in de tekst te markeren. De inhoud van de container wordt in de browser automatisch tussen aanhalingstekens weergegeven.

— ontworpen om lange citaten in een document te markeren. Tekst gemarkeerd met deze tag wordt traditioneel weergegeven als een uitgelijnd blok met opvulling aan de linker- en rechterkant (ongeveer 40 pixels), evenals opvulling aan de boven- en onderkant.

— definieert een blok vooraf opgemaakte tekst. Dergelijke tekst wordt meestal weergegeven in een lettertype met één regelafstand en met alle spaties tussen de woorden. Standaard wordt een willekeurig aantal spaties in de code op een rij als één weergegeven op de webpagina. Tag Hiermee kunt u deze functie omzeilen en tekst weergeven zoals vereist door de ontwikkelaar.

– definieert tekst paragraaf. Label

Het is een blokelement, begint altijd op een nieuwe regel, alinea's tekst die op elkaar volgen, worden gescheiden door opvulling. De hoeveelheid opvulling kan worden geregeld met behulp van stijlen. Als er geen afsluitende tag is, wordt aangenomen dat het einde van de alinea samenvalt met het begin van het volgende blokelement.

.... - HTML biedt zes headers verschillende niveaus, die het relatieve belang van de sectie na de kop aangeven. De tag vertegenwoordigt dus de belangrijkste kop van het eerste niveau, en de tag dient om de kop van het zesde niveau aan te duiden en is de minst belangrijke. Standaard wordt de kop op het eerste niveau weergegeven in het grootste vetgedrukte lettertype, terwijl de koppen op volgende niveaus kleiner zijn. Tags ,..., verwijzen naar blokelementen, ze beginnen altijd op een nieuwe regel, en daarna worden andere elementen weergegeven volgende regel. Bovendien wordt er witruimte toegevoegd voor en na de titel. De tag heeft een uitlijningsattribuut, dat de uitlijning van de titel bepaalt. Het kan de volgende waarden aannemen: links - links uitgelijnde titel, midden - gecentreerd uitgelijnd, rechts - rechts uitgelijnd, uitvullen - uitgelijnd (zowel rechts als links); -uitgelijnd). Deze waarde werkt alleen voor kopteksten die langer zijn dan één regel.

— is een container voor het wijzigen van lettertypekenmerken, zoals grootte, kleur en lettertype. Hoewel deze tag nog steeds door alle browsers wordt ondersteund, wordt deze als verouderd beschouwd en wordt aanbevolen het gebruik ervan te verlaten ten gunste van stijlen. De tag heeft 3 attributen: kleur — stelt de tekstkleur in, gezicht — bepaalt het lettertype, grootte — stelt de lettergrootte in conventionele eenheden in.

— markeert de tekst als citaat of voetnoot bij ander materiaal. Deze markering is handig voor het wijzigen van de tekststijl via CSS, en wordt ook gebruikt om HTML-code in structurele elementen op te splitsen. Browsers stellen tekst in een container doorgaans cursief in.

— geeft aan dat de reeks tekens een afkorting is. Door te gebruiken titel attribuut er wordt een decodering van de afkorting gegeven, waardoor mensen die er niet bekend mee zijn, de afkorting kunnen begrijpen. Bovendien indexeren zoekmachines de volledige tekstversie van de afkorting, wat kan worden gebruikt om de ranking van het document te verbeteren.

Standaard wordt de tekst in de container onderstreept met een stippellijn.

Hieronder staat de code waarin ik al deze tags heb gebruikt:

Mijn eerste site

HTML en CSS zijn twee van de kerntechnologieën voor het bouwen van webpagina's. HTML zorgt voor de structuur van de pagina, CSS voor de (visuele en auditieve) lay-out, voor verschillende apparaten. Naast afbeeldingen en scripting vormen HTML en CSS de basis voor het bouwen van webpagina's en webapplicaties. Lees hieronder meer over:

Wat is HTML?
HTML is de taal voor beschrijft de structuur van webpagina's. HTML geeft auteurs de middelen om:
Publiceer online documenten met kopjes, tekst, tabellen, lijsten, foto's, enz.
Haal online informatie op via hypertextlinks, met één klik op de knop.
Ontwerpformulieren voor het uitvoeren van transacties met externe diensten, voor gebruik bij zoeken voor informatie, het maken van reserveringen, het bestellen van producten, etc.
Neem spreadsheets, videoclips, geluidsfragmenten en andere toepassingen rechtstreeks in hun documenten op.
Met HTML beschrijven auteurs de structuur van pagina's met behulp van opmaak. De elementen van de taal labelen inhoudsonderdelen zoals 'paragraaf', 'lijst', 'tabel', enzovoort. Wat is XHTML?

XHTML is een variant van HTML dat de syntaxis van XML gebruikt, de Extensible Opmaaktaal. XHTML heeft allemaal dezelfde elementen (voor alinea's, enz.) als de HTML-variant, maar de syntaxis is iets anders. Omdat XHTML een XML-toepassing is, kunt u er andere XML-tools mee gebruiken (zoals XSLT, een taal voor het transformeren van XML-inhoud).

Wat is CSS?

CSS is de taal voor het beschrijven van de presentatie van webpagina's, inclusief kleuren, lay-out en lettertypen. Hiermee kunt u de presentatie aanpassen aan verschillende soorten apparaten, zoals grote schermen, kleine schermen of printers. CSS is onafhankelijk van HTML en kan worden gebruikt met elke op XML gebaseerde opmaaktaal. De scheiding tussen HTML en CSS maakt het eenvoudiger om sites te onderhouden, stijlbladen tussen pagina's te delen en pagina's aan te passen aan verschillende omgevingen. Dit heet de scheiding tussen structuur (of: inhoud) en presentatie.

Wat is WebFonts? WebFonts is een technologie waarmee mensen lettertypen op aanvraag via internet kunnen gebruiken zonder dat installatie in het web vereist is besturingssysteem. W3C heeft ervaring met downloadbare lettertypen via HTML, CSS2 en SVG. Tot voor kort waren downloadbare lettertypen niet gebruikelijk op internet vanwege het ontbreken van een interoperabel lettertypeformaat. De inspanningen van WebFonts zijn van plan dit aan te pakken door de creatie van een door de industrie ondersteund, open lettertypeformaat voor het web (genaamd "WOFF").

De lezing is afgelopen, ik hoop dat de opgedane kennis nuttig voor je zal zijn! In de volgende lezing zal ik je vertellen wat de tag opslaat, we zullen leren hoe we allerlei manipulaties met afbeeldingen kunnen uitvoeren en kennis kunnen maken met tabellen.

Bij het schrijven van dit artikel is de beschrijving van enkele tags hier vandaan gehaald