Hur man lär sig HTML-språk

HTML står för HyperText Markup Language och det är koden o språk som används för att skapa webbplatser. HTML-koden kan vid första anblicken tyckas skrämmande om du aldrig har behövt hantera något programmeringsspråk, men allt du behöver för att komma igång är en textredigerare och en webbläsare. Genom att lära känna HTML kan du även använda den för att redigera text i onlineforum, anpassa dina internetprofiler eller wikiHow-artiklar. HTML är ett mycket kraftfullt verktyg för alla som använder internetresurser, och att lära sig grunderna i det här språket kan ta mindre tid än du tror.

steg

Del 1

2

Visa ditt dokument med en webbläsare. Spara ditt tomma dokument och hitta sedan ikonen på ditt dokument i datorn och välj det med ett dubbelklick på musen för att öppna det. Din fil ska ses från din standardwebbläsare, som en tom webbsida. Om inte, dra filen i adressfältet (URL) i din webbläsare. När du redigerar ditt HTML-dokument enligt anvisningarna i den här handledningen kan du spåra ändringar för att lära dig hur de påverkar din webbsida.

3

Tolk HTML-taggarna. HTML-taggar visas inte på webbsidor som vanlig text. De används av webbläsaren för att förstå hur man visar innehållet på webbsidan. Taggen av "öppning" innehåller alla instruktioner. Till exempel för att berätta för webbläsaren att texten ska visas fet. Du måste använda en tagg av "stängning" för att tillåta webbläsaren att förstå vilket element som ska tillämpas på instruktionerna i öppningsetiketten. I det här exemplet kommer all text som ingår i öppnings- och stängningskoderna att visas med fetstil. Avslutningsetiketterna är inneslutna i vinkelbeslag som öppningsetiketter, men med tillägg av symbolen / efter den första vinkelbeslaget.

4

Skriv din första tagg . Alla HTML-dokument börjar med taggen och sluta med motsvarande stängningskod . Detta indikerar för webbläsaren att allt innehåll som finns mellan de två taggarna beskrivs med hjälp av HTML-kod. Lägg till dessa två taggar i ditt dokument:

5

Skapa avsnittet av ditt dokument. Inom de två taggarna och , skriv in öppningsetiketten och den relaterade stängningskoden. Lämna tillräckligt med utrymme mellan de två taggarna. All kod som anges i avsnittet det kommer inte att visas på webbsidan. Försök använda följande kod för att ta reda på var innehållet i avsnittet kommer att visas :

6

Skapa avsnittet . Hela resten av innehållet i detta ursprungliga dokument kommer att införas i avsnittet , som då kommer att visas på webbsidan. Ange taggarna och efter den stängande taggen, men först av stängningskoden. Från denna punkt i handledningen kommer all kod som beskrivs att införas mellan de två taggarna som avgränsar sektionen . Ditt HTML-dokument ska likna följande (ignorerar symbolerna med punktlista):

7

Lägg till text med olika stilar. Nu är det dags att skriva något som du faktiskt kan visa med din webbläsare. Allt innehåll infogas mellan taggarna i avsnittet Den kommer att visas av din webbläsare så snart du lagrar ändringarna i HTML-dokumentet och uppdaterar webbläsarsidan. inte skriv texten till ditt innehåll bifogat i vinkelbeslag < eller annars försöker webbläsaren tolka vad du skrev som om det var HTML istället för vanlig text. Försök skriva enkelt Hej världen! (eller något annat du vill), bifoga sedan texten med ett annat par av följande taggar varje gång för att observera ändringarna:

8

Dela texten till ditt innehåll i stycken. Om du försöker lägga till flera rader med text i ditt HTML-dokument kommer du att märka att webbläsaren inte visar raden. Du måste manuellt ange när textlinjen slutar och måste vikas:

9

Lär dig hur du skapar listor. Det finns flera olika metoder för att skapa en lista eller en lista på en webbsida. Prova följande provkoder och välj den som passar dig bäst. Observera att en lista består av ett taggpar som måste omfatta hela strukturen i listan (t.ex. taggar

och

i fallet med oordnade listor) och de enskilda elementen i listan som måste bifogas i ett andra par taggar, t.ex. taggar

• Använd följande kod för att skapa en punktlista:
  
• Första delen
• Andra elementet
• Tredje elementet
• Använd den här koden för att skapa en numrerad lista:
  
• Artikelnummer 1
• Artikelnummer 2
• Artikelnummer 3
• Använd följande kod för att skapa en lista med definitioner:
  

  Kafé

  - Varmdryck

  mjölk

  - Kalldryck

• 
  10
  Spice upp din webbsida med hjälp av radbrytningar, den horisontella linjer och bildspråk. Nu är det dags att lägga till nya element utöver texten på din webbsida. Försök använda följande taggar eller välj de relaterade länkarna för mer information. För att infoga en bild måste du använda en värdtjänst för att lagra bildfilen och sedan använda URL-adressen för att skapa en länk med taggen :
• Använd följande kod för att infoga en radbrytning i HTML:

• Använd följande kod för att infoga en separatorrad i HTML:
• Använd följande kod för sätt in en bild:
• 
  11
  Skapa en extern länk på din webbsida. Du kan använda följande kod för att länka till en annan webbsida eller till en annan sida, men för närvarande, eftersom vi inte har en webbplats ännu, kommer vi att fokusera på att skapa interna länkar till webbsidan som heter "ankare":
• Det första steget är att skapa ett ankar vid den punkt på sidan du vill referera till, med hjälp av taggen . Ge ditt ankare ett beskrivande namn så att du enkelt kan komma ihåg det:
  
  Det här är texten som representerar ditt ankare.
• Använd taggen att skapa en länk till ett ankare eller till en annan webbsida:
  
  Skriv här texten eller bilden som kommer att visas som en länk.
• För att skapa en länk till ett ankare på en annan webbsida, använd # -symbolen efter webbadressen, följt av ankarnamnet. Till exempel följande länk http://gushelom.ru/Learn-HTML#Tips tar dig tillbaka till avsnittet Rådgivning på den här sidan.

Del 2

Lär dig Advanced HTML

1
Lär dig att använda attribut. Attributen läggs in i taggarna och används för att lägga till ändringar och formatering till elementet som finns mellan öppnings- och stängningskoderna. Attribut kan aldrig användas ensam. Formatet som används för att skriva attributen är som följer name ="värde", var namn Det är typ av attribut (till exempel "färg") e värde beskriver värdet associerat med det valda attributet (till exempel "röd").

• Du kommer nu inse att du redan har sett hur du använder attributen i den aktuella koden hittills i avsnittet Learning the Basics of HTML. Taggen använd attributet src, medan ankarna använder attributet namn och länkarna använder attributet href. Du har märkt hur alla dessa attribut följer formatet ___ ="___" sett tidigare?

2

Erfarenhet av att använda tabeller i HTML. Att skapa ett bord eller diagram kräver användning av flera olika taggar. Prova att spela med dessa taggar lite eller använd följande guide att lära i detalj hur man skapar ett bord i HTML.

3

Lär dig att använda andra header-taggar. Du har redan sett hur du använder taggen som läggs in i början av ett HTML-dokument. Inuti sektionen , förutom taggen

4

Experimentera med HTML-koden som finns på andra webbplatser. Ett av de bästa sätten att utöka din kunskap är att studera källkoden för webbsidor på internet. Du kan göra detta genom att välja en webbsida med höger musknapp och sedan välja objektet "Visa källa", "Visa sidkälla" eller ett liknande alternativ från snabbmenyn visas. Alternativt kan du komma åt menyn utsikt placera högst upp i webbläsaren. Försök att ta reda på hur HTML-taggarna du inte känner till eller inte känner till fungerar, eller du kan göra en enkel online-sökning för att snabbt hitta svaret på dina frågor.

5

Lär dig avancerade webbdesigntekniker med hjälp av omfattande och uttömmande guider. Det finns många resurser på webben som kan användas för att lära sig allt om HTML-taggar, till exempel webbplatser W3Schools eller Codecademy. Dessutom kan du alltid använda pappersböcker som förklarar användningen av HTML, men i det här fallet samråder bara innehållet som publicerats under de senaste två åren så att de innehåller de viktigaste ändringarna och uppdateringarna. Bättre än, lära dig att använda CSS stilark för att ytterligare öka kontrollen över webbsidans utseende och layout. När du kommer att behärska användningen av CSS stilark, kommer nästa steg som webbdesigner att vara att fördjupa kunskapen och användningen av jаvascript.