Hoewel moderne websites over het algemeen zijn gebouwd met gebruiksvriendelijke interfaces 10 manieren om een ​​kleine en eenvoudige website te maken zonder de overkill 10 manieren om een ​​kleine en eenvoudige website te maken zonder de overkill WordPress kan een overkill zijn. Zoals deze andere uitstekende services bewijzen, is WordPress niet het enige en het einde van het maken van websites. Als u eenvoudigere oplossingen wilt, is er een verscheidenheid om uit te kiezen. Meer lezen, het is nog steeds goed om wat standaard HTML te kennen. Als je de volgende 17 tags kent (en de extra paar die daarbij horen), kun je een eenvoudige basispagina maken of de code aanpassen die is gemaakt door een app zoals WordPress Blogger vs. Wordpress.com: een complete vergelijking Blogger versus Wordpress.com: een complete vergelijking De twee onbetwiste koningen van de gratis bloggingbol zijn Google's Blogger en het systeem voor contentbeheersysteem dat Wordhostress.com is geworden. Hoewel beiden bieden wat elke vrijdenkende, democratiezuigende gedachte is - kanon wil - een plek om zichzelf te uiten - daar ... Lees meer .

Ik heb voorbeelden voor de meeste tags gegeven, maar als u ze in actie wilt zien, downloadt u het gekoppelde HTML-bestand aan het einde van het artikel. Je kunt ermee spelen in een teksteditor en het in een browser laden om te zien wat je wijzigingen doen.

1.

U hebt deze tag aan het begin van elk HTML-document dat u maakt, nodig. Het zorgt ervoor dat een browser weet dat het HTML leest, en dat het HTML5 verwacht, de nieuwste versie Wat is HTML5 en hoe verandert het de manier waarop ik blader? [MakeUseOf Explains] Wat is HTML5 en hoe verandert het de manier waarop ik blader? [MakeUseOf Explains] In de afgelopen paar jaar hebt u de term HTML5 af en toe wel eens gehoord. Of u nu iets weet over webontwikkeling of niet, het concept kan enigszins vaag en verwarrend zijn. Het is duidelijk dat ... Lees meer .

Hoewel dit eigenlijk geen HTML-tag is, is het nog steeds een goede om te weten.

2.

Dit is een andere tag die een browser laat weten dat hij HTML leest. Waarom hebben we beide nodig? Wie weet? Maar het is een goed idee om het in ieder geval in te voeren.

En voeg aan het einde van uw document een toe label.

3.

Voor basispagina's, de tag bevat uw titel en dat is het zo'n beetje. Maar er zijn een paar andere dingen die u kunt opnemen, en die zullen we zo meteen bespreken.

4.

Dat is de naam die als tabbladtitel wordt weergegeven wanneer deze in een browser wordt geopend.

5.

Net als het title-tag worden metadata in het header-gebied van uw pagina geplaatst (deze metadata, in tegenstelling tot metadata van uw mobiele apparaten Metadata - De informatie over uw informatie Metadata - De informatie over uw informatie Lees meer, is niet gevoelig). Metadata wordt voornamelijk gebruikt door zoekmachines en is - zoals je zou verwachten - informatie over de informatie op je pagina. Er zijn een aantal verschillende metavelden, maar deze zijn enkele van de meest gebruikte:

• Omschrijving - Een basisbeschrijving van uw pagina.
• trefwoorden - Een selectie van zoekwoorden die van toepassing zijn op uw pagina.
• schrijver - De auteur van uw pagina.
• uitkijk postje - Een tag om ervoor te zorgen dat uw pagina er goed uitziet op alle apparaten.

Hier is een voorbeeld dat van toepassing kan zijn op deze pagina:

De “uitkijk postje” tag moet altijd hebben “width = device-width, initial-scale = 1.0” als de inhoud om ervoor te zorgen dat uw pagina goed wordt weergegeven op mobiele apparaten en op desktopcomputers.

6.

De inhoud van uw webpagina - eigenlijk is alles behalve de titel in de body-tag geplaatst. Het is zo simpel als het klinkt:

 Alles wat u op uw pagina wilt weergeven. 

7.

De

tag definieert level-one-headers op uw pagina.

definieert level-two headers,

niveau-drie, enzovoort, tot

. Als voorbeeld zijn de namen van de tags in dit artikel tweekoppige headers.

Big and Important Header
 
Iets minder grote kop
 
Subheader

Resultaat:

Big and Important Header

Iets minder grote kop

Subheader

Zoals je ziet, worden ze op elk niveau kleiner.

8.

Met de alineatag wordt een nieuwe alinea gestart. Dit voegt gewoonlijk twee regeleinden in.

Kijk bijvoorbeeld naar de pauze tussen de vorige regel en deze. Dat is wat a

tag zal doen.

Je eerste alinea.
 
Je tweede alinea.

Resultaat:

Je eerste alinea.

Je tweede alinea.

U kunt ook CSS-stijlen gebruiken in uw alineatags, zoals deze:

20% grotere tekst

Resultaat:

20% grotere tekst

Raadpleeg deze HTML- en CSS-zelfstudies voor meer informatie over het gebruik van CSS om uw tekst te stijlen. Leer HTML en CSS met deze stapsgewijze zelfstudies Leer HTML en CSS met deze stapsgewijze handleidingen Benieuwd naar HTML, CSS en JavaScript? Als je denkt dat je de gave hebt om vanaf nul te leren hoe je websites kunt maken - hier zijn een paar geweldige stap-voor-stap tutorials die het proberen waard zijn. Lees verder .

9.

De regeleindtag voegt een enkele regeleinde in:

De eerste regel.
 De tweede regel (dichtbij de eerste).

Resultaat:

De eerste regel.
De tweede regel (dichtbij de eerste).

Opmerking: soms ziet u deze tag als geschreven
of
. Het doet hetzelfde (de schuine streep maakt de tag leesbaar in XHTML Leren spreken "Internet": uw gids voor xHTML Leren spreken "Internet": uw gids voor xHTML Welkom in de wereld van XHTML - Extensible Hypertext Markup Language - een markup taal waarmee iedereen webpagina's kan bouwen met veel verschillende functies. Het is de primaire taal van internet Lees meer).

10.

Deze tag definieert een belangrijke tekst. Over het algemeen betekent dit dat het vet zal zijn. Het is echter mogelijk om CSS te gebruiken tekstweergave anders.

U kunt echter veilig gebruiken tot vetgedrukte tekst.

Zeer belangrijke dingen die je wilt zeggen.

Resultaat:

Zeer belangrijke dingen die je wilt zeggen.

Als u bekend bent met de tag voor vetgedrukte tekst, je kunt het nog steeds gebruiken. Er is geen garantie dat het zal blijven werken in toekomstige versies van HTML, maar voor nu werkt het.

11.

Net zoals en , en zijn verwant. De tag identificeert benadrukte tekst, wat in het algemeen betekent dat het cursief wordt weergegeven. Nogmaals, er is de mogelijkheid dat CSS benadrukte tekstweergave anders zal weergeven.

Een benadrukte lijn.

Resultaat:

Een benadrukte lijn.

De tag werkt nog steeds, maar nogmaals, het is mogelijk dat het in toekomstige versies van HTML wordt beëindigd.

12.

De , of anker, tag laat je links maken. Een eenvoudige link ziet er zo uit:

Ga naar MakeUseOf op een nieuw tabblad

Resultaat:

Ga naar MakeUseOf op een nieuw tabblad

De “titel” attribuut maakt een tooltip. Plaats de muisaanwijzer op de onderstaande link om te zien wat ik bedoel:

Beweeg over deze

Resultaat:

Beweeg over deze

13.

Als u een afbeelding op uw pagina wilt insluiten, moet u de afbeeldingstag gebruiken. De eenvoudigste manier om het te gebruiken is om gewoon de bron van de afbeelding toe te voegen in de “src” kenmerk, zoals dit:

Resultaat:

wp-content / uploads / 2016/02 / HDR-moderation.png” />

Dat omvat de afbeelding. Er zijn echter een aantal andere kenmerken die u wilt gebruiken, zoals “hoogte,” “breedte,” en “alt.” Hier ziet u hoe dat eruit zou kunnen zien:

Resultaat:

wp-content / uploads / 2016/02 / HDR-moderation.png” alt =”de naam van je afbeelding” width =”320 "/>

Zoals je zou verwachten, de “hoogte” en “breedte” attributen stellen de hoogte en breedte van de afbeelding in. Over het algemeen is het een goed idee om slechts één ervan in te stellen zodat de afbeelding correct wordt geschaald. Als u beide gebruikt, kunt u eindigen met een uitgerekt of squished beeld.

De “alt” tag vertelt de browser welke tekst moet worden weergegeven als de afbeelding niet kan worden weergegeven, en het is een goed idee om in een afbeelding op te nemen. Als iemand een bijzonder langzame verbinding heeft 4 Redenen waarom uw wifi zo langzaam is (en hoe u deze kunt verhelpen) 4 redenen waarom uw wifi zo traag is (en hoe u deze kunt verhelpen) Last van langzame wifi? Deze vier problemen kunnen uw netwerk vertragen. Hier leest u hoe u ze kunt oplossen om weer snel te worden. Meer lezen of een oude browser, ze kunnen nog steeds een idee krijgen van wat u op uw pagina hebt.

14.

Met de geordende lijsttag kunt u een geordende lijst maken. In het algemeen betekent dit dat u een genummerde lijst krijgt. Elk item in de lijst heeft een lijstitem nodig (

 
Ten eerste
 
Ten tweede
 
Derde ding