Hur man skriver en HTML-sida

HTML (HyperText Markup Language) är ett grundläggande språk för att utveckla webbsidor. Det skapades för att vara ett enkelt och flexibelt programmeringsspråk. Nästan alla sidor på Internet har utvecklats med någon form av denna kodning (ColdFusion, XML, XSLT). Med den elementära introduktionen som beskrivs i denna artikel kan du skaffa grunderna i HTML, och expandera sedan dina färdigheter med hjälp av andra wikiHow-guider. Men se andra online handledning för att hålla dig uppdaterad.

Skriv en HTML-sida

Innan du börjar med följande steg är det bäst att läsa avsnittet Saker du behöver.

Här är vad du behöver veta innan du går in i ämnet:

Taggar är viktiga. Vad är det De är bitar av text som underlättar människors och maskinens förståelse. Taggar är stängda i parentes när de används i HTML. Ibland har de beskrivande attribut som är användbara för både datorn och användaren. Det finns ett kallat attribut href som anger länken på sidan som kan besökas genom att klicka på den.

wikiHow

De flesta taggar måste stängas med en tagg med samma namn föregås av ett snedstreck, som i exemplet ovan. Det finns några undantag, som taggar META eller DOCTYPE.

DOCTYPE

Vanligtvis identifieras de flesta webbsidor av taggen DOCTYPE. Det hjälper till att identifiera koden som tolkats av webbläsaren. De flesta sidor fungerar även utan den här taggen, men det är nödvändigt att få validering av World Wide Web Consortium. Detta konsortium bidrar till att reglera storheten hos de olika typerna av Internetkodning och anger hur de kan / ska användas. En DOCTYPE för HTML-versionen 4.01 visas nedan:

Det används ofta på Internet. Anger vilken typ av sida "html", sedan ger en offentlig definition av sidkodningen och anger i slutändan läget för DOCTYPE som bäst beskriver sidan till webbläsaren.

Det finns skillnader mellan de många typerna av HTML som utvecklats under åren, till exempel vid användning av specifika taggar. Vissa kallas "deprecated", dvs inte längre används eftersom de ersätts av mer användbara taggar.

Taggarna och ersätts av andra taggar eftersom de används för att pryda texten, men anger inte dess egenskaper. Taggen ersätt, som den ersätter.

Det måste betonas att de tidigare taggarna har ersatts av andra som representerar mer än bara formatering. Om texten översätts, är dess innebörd oförändrad och inte bara dess formatering. Det är semantiskt korrekt.

I version 2.0 XHTML anses taggarna vara föråldrade, som i version 3 i HTML.

"Inkapslingsregeln" HTML

Låt oss se vilka viktiga taggar som används nu. När en sida är byggd är dess struktur mycket enkel. Varje gång du öppnar en tagg måste vara stängd. Hela layouten måste beaktas. Detta kan vara en giltig XHTML-layout:

Hej världen!

Varje kodsystem har byggt ett exempel på ett språk för att skriva meddelandet Hej världen. Det är det så kallade testet Hej världen.

Header

Rubriken på en webbsida är innehållet som finns inom taggen . Det här innehållet är inte synligt för användaren, med undantag för sidtiteln som är mycket uppenbart. Informationen i taggen kan vara andra taggar, till exempel:

META-taggen brukade ange textinformation som hjälper sökmotorer.

Taggen LINK, som inför en tillgång till handlingar, såsom formatmallar Mallar (CSS).

SCRIPT-taggen, innehållande koden som sidan är åtkomst till på distans.

STYLE-taggen, som helt enkelt är ett stilark som kodas direkt på den sidan inom taggarna själva.

TITLE-taggen, som ger en titel placerad i fältet högst upp i webbläsaren.

Vi ser en demonstration av några av dem i ett exemplarhuvud (extraherat), kondenserat, från denna sida:

...

För att vara tydlig: Alla sanna uppgifter från varje tagg har eliminerats för att föra dem ihop och synliggöra alla de som kan förekomma i rubriken, med undantag för kommentaren (som kommer att diskuteras i steget tillägnad de grundläggande taggarna).

Grundläggande tagg

Vi går framåt och uppmärksammar deras användning och kommer ihåg inkapslingen.

signalerar en text av viss betydelse.

minskar teckenstorleken jämfört med den vanliga texten. Dimensionen mäts från ett värde mellan 1 och 7- Den normala texten är 3 som standard.

definierar ett block med formaterad text. Denna text är normalt skrivet med ett enkelskaligt teckensnitt och med mellanslag mellan ord.

betonar texten, inte som en stil, men som mening.

lägger en rad över texten för att radera den.

understryker texten för att visa att den har lagts till, ibland direkt efter taggen .

är en av de många header-taggar som existerar, alla med "h" följt av ett nummer. Koden måste vara stängd med samma nummer.

definierar en grupp meningar som finns i en paragraf.

innehåller endast synlig information genom att läsa källkoden. Till skillnad från andra taggar måste innehållet i HTML-kommentaren infogas i det.

definierar en text citerad från en källa som kan beskrivas av en tagg .

Se på HTML Dog-webbplatsen för en fullständig översyn av befintliga taggar.

Den här webbplatsen erbjuder också utmärkta förklaringar åtföljda av exempel.

Att bygga en struktur

Sidorna är konstruerade för att innehålla data i en enkel uppsättning taggar för att ha rubrikerna som introducerar styckena. Datorn förstår bara att det finns data, men kan inte veta att de är anslutna till varandra, eftersom det inte går att relatera idéer. Vi behöver bygga HTML-sidor uppdelade i delar som kan identifieras av datorn, och detta mål uppnås med hjälp av taggen

, vilket bidrar till att bygga en stor mängd sidor. Den kan stödjas av CSS stilark för att undvika stora tabeller med kod för att skapa en layout.

Det kan användas för att separera huvudblock för att göra dem begripliga för både maskiner och användare.

Låt oss titta på ett mycket enkelt exempel på HTML-layout som innehåller användningen av taggen

Hej världen!

Det här är lite text i div # contentOne.

En paragraf i ett underavsnitt av div # contentOne

Ge taggarna ett namn

hjälper till att hitta dem och använda dem i stil på ett optimalt sätt jämfört med användandet av CSS och jаvascript.

tips

Läs inte bara den här artikeln och kontakta någon som kan lära dig. Det finns alltid något nytt att lära sig, särskilt i den stora världen av teknik.
Få upptagen och lär dig, låna och skapa kod.
Observera att vissa taggar öppnas, men inte stängda, till exempel < p > (Stycke) e < br > (Line Break). Andra taggar öppnas och stängs sedan med a. de är exempel.
Bidra också till att uppfinna, designa eller koda nya saker.
Som ett nästa steg, försök ta hand om kodningsservern.
Lär CSS och jаvascript.

varningar

Kom ihåg att HTML endast tjänar till att koda innehåll i ett universellt format. Vi måste sträva efter att göra det semantiskt korrekt, även om andra kanske inte märker det. Det finns andra stödjande språk, som CSS, jаvascript och XML, till vilken korrektionen av representationen ges.

Saker du behöver

En textredigerare som stöder ANSI-kodning
En webbläsare som Internet Explorer eller Mozilla Firefox
En wysiwygredigerare som Adobe Dreamweaver, Aptana Studio eller Microsoft Expression Web (valfritt)

Visa mer ... (3)

Dela på sociala nätverk:

Relaterade