Även om moderna webbplatser är vanligtvis byggda med användarvänliga gränssnitt 10 sätt att skapa en liten och enkel webbplats utan överkill 10 sätt att skapa en liten och enkel webbplats utan överkill WordPress kan vara en överkill. Eftersom dessa andra utmärkta tjänster visar sig, är WordPress inte det enda och slutar hela webbsidan skapas. Om du vill ha enklare lösningar finns det en mängd att välja på. Läs mer, det är fortfarande bra att veta lite grundläggande HTML. Om du känner till följande 17 taggar (och de extra få som går med dem) kan du skapa en grundläggande webbsida från början eller tweak koden som skapats av en app som WordPress Blogger vs Wordpress.com: En komplett jämförelse Blogger vs Wordpress.com: En komplett jämförelse De två obestridliga kungarna i den kostnadsfria bloggensfären är Googles bloggare och innehållshanteringssystemet, som är värd värd WordPress.com. Medan båda erbjuder vad varje fritt tänkande demokrati-guzzling tanke-kanon vill - ett ställe att uttrycka sig - där ... Läs mer .

Jag har gett exempel på de flesta taggarna, men om du vill se dem i åtgärd, ladda ner den länkade HTML-filen i slutet av artikeln. Du kan spela med det i en textredigerare och ladda upp den i en webbläsare för att se vad dina ändringar gör.

1.

Du behöver den här taggen i början av varje HTML-dokument du skapar. Det säkerställer att en webbläsare vet att den läser HTML, och att den förväntar sig HTML5, den senaste versionen Vad är HTML5 och hur förändras det jag bläddrar? [MakeUseOf Förklarar] Vad är HTML5, och hur ändrar det hur jag bläddrar? [MakeUseOf Explains] Under de senaste åren har du kanske hört termen HTML5 varje gång i taget. Oavsett om du vet någonting om webbutveckling eller inte, kan konceptet vara lite nebulous och förvirrande. Självklart, ... Läs mer .

Även om detta inte är en HTML-tagg, är det fortfarande en bra att veta.

2.

Detta är en annan tagg som berättar för en webbläsare att den läser HTML. Varför behöver vi båda? Vem vet? Men det är en bra idé att uttrycka det i alla fall.

Och i slutet av ditt dokument lägger du till en märka.

3.

För grundläggande sidor, taggen innehåller din titel, och det handlar om det. Men det finns några andra saker som du kan inkludera, som vi ska gå över i ett ögonblick.

4.

Det är namnet som kommer att visas som fliktitel när det öppnas i en webbläsare.

5.

Metadata läggs på sidans rubrik på sidan (denna metadata, till skillnad från metadata från dina mobila enheter) Metadata - Informationen om dina uppgifter Metadata - Informationen om din information Läs mer, är inte känslig). Metadata används i första hand av sökmotorer och är - som du kan förvänta dig - information om informationen på din sida. Det finns ett antal olika metafält, men dessa är några av de vanligaste:

• beskrivning - En grundläggande beskrivning av din sida.
• nyckelord - Ett urval av nyckelord som är tillämpliga på din sida.
• författare - Författaren till din sida.
• visningsområde - En etikett för att se till att din sida ser bra ut på alla enheter.

Här är ett exempel som kan gälla för den här sidan:

De “visningsområde” tagg ska alltid ha “bredd = enhetsbredd, initial skala = 1,0” som innehåll för att se till att din sida visas bra på mobila och stationära enheter.

6.

Kroppen på din webbsida - i princip är allt annat än titeln satt inuti kroppstaggen. Det är så enkelt som det låter:

 Allt du vill visa på din sida. 

7.

De

taggen definierar nivå-ett-rubriker på din sida.

definierar nivå två huvud,

nivå-tre, och så vidare, ner till

. Som ett exempel är namnen på taggarna i denna artikel nivå-två rubriker.

Stor och viktig huvud
 
Något mindre stort huvud
 
Sub-Header

Resultat:

Stor och viktig huvud

Något mindre stort huvud

Sub-Header

Som du kan se blir de mindre på varje nivå.

8.

Styckemärken startar en ny paragraf. Detta infogar vanligtvis två raster.

Titta till exempel vid pausen mellan den föregående raden och den här. Det är vad en

taggen kommer att göra.

Din första stycke.
 
Din andra stycke.

Resultat:

Din första stycke.

Din andra stycke.

Du kan också använda CSS-format i dina stycke-taggar, så här:

20% större text

Resultat:

20% större text

För att lära dig hur du använder CSS för att stila din text, kolla in dessa HTML- och CSS-handledning. Lär HTML och CSS med dessa steg för steg-handledning. Lär HTML och CSS med dessa steg för steg-handledning. Nyfiken om HTML, CSS och JavaScript? Om du tycker att du har en förmåga att lära dig hur man skapar webbplatser från början - här är några bra steg-för-steg-tutorials värda att försöka. Läs mer .

9.

Linjeavbrottstaggen infogar en radbrytning:

Den första raden.
 Den andra raden (nära den första).

Resultat:

Den första raden.
Den andra raden (nära den första).

Obs! Du kan ibland se denna tagg skrivet som
eller
. Det gör samma sak (skvetten gör taggen läsbar i XHTML Lär dig att tala "Internet": Din guide till xHTML Lär dig att tala "Internet": Din guide till xHTML Välkommen till XHTMLs värld - Extensibelt Hypertext Markup Language - en markup språk som låter någon konstruera webbsidor med många olika funktioner. Det är det primära språket på Internet. Läs mer).

10.

Den här taggen definierar viktig text. I allmänhet betyder det att det blir djärvt. Det är dock möjligt att använda CSS att göra textvisning på olika sätt.

Men du kan säkert använda till fet text.

Mycket viktiga saker du vill säga.

Resultat:

Mycket viktiga saker du vill säga.

Om du är bekant med tagg för fet text, kan du fortfarande använda den. Det finns ingen garanti att det kommer att fortsätta att fungera i framtida versioner av HTML, men för nu fungerar det.

11.

Tycka om och , och är släkt. De taggen identifierar betonad text, vilket i allmänhet betyder att det kommer att bli kursiverat. Återigen finns det möjlighet att CSS kommer att göra betonad textvisning annorlunda.

En betonad linje.

Resultat:

En betonad linje.

De tagg fungerar fortfarande, men det är möjligt att det kommer att avlägsnas i framtida versioner av HTML.

12.

De , eller ankare, tagg kan du skapa länkar. En enkel länk ser så här ut:

Gå till MakeUseOf i en ny flik

Resultat:

Gå till MakeUseOf i en ny flik

De “titel” Attribut skapar ett verktygstips. Håll över länken nedan för att se vad jag menar:

Håll över den här

Resultat:

Håll över den här

13.

Om du vill bädda in en bild på din sida måste du använda bildtaggen. Det enklaste sättet att använda det är att helt enkelt lägga till källan till bilden i “src” attribut, så här:

Resultat:

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

Det inkluderar bilden. Det finns dock ett antal andra attribut som du vill vilja använda, som “höjd,” “bredd,” och “alt.” Så här kan det se ut:

Resultat:

wp-content / uploads / 2016/02 / HDR-moderation.png” alt =”namnet på din bild” bredd =”320 "/>

Som du kanske förväntar dig, “höjd” och “bredd” attribut anger bildens höjd och bredd. I allmänhet är det en bra idé att bara ställa in en av dem så att bilden skaas rätt. Om du använder båda kan du hamna i en utsträckt eller knuten bild.

De “alt” tagg anger webbläsaren vilken text som ska visas om bilden inte kan visas, och det är en bra idé att inkludera i vilken bild som helst. Om någon har en särskilt långsam anslutning 4 Anledningar till varför din Wi-Fi är så långsam (och hur man fixar dem) 4 Anledningar till att din Wi-Fi är så långsam (och hur man åtgärdar dem) Lider av långsam Wi-Fi? Dessa fyra problem kan sakta ner ditt nätverk. Så här löser du dem för att snabbt återvända. Läs mer eller en gammal webbläsare, de kan fortfarande få en uppfattning om vad du har på din sida.

14.

Den beställda listakoden låter dig skapa en beställd lista. I allmänhet betyder det att du får en numrerad lista. Varje objekt i listan behöver en listobjekttagg (

 
Först
 
Andra sak
 
Tredje sak