Hur Man Skapar En Webbplats Med Html

Innehållsförteckning:

Hur Man Skapar En Webbplats Med Html
Hur Man Skapar En Webbplats Med Html

Video: Hur Man Skapar En Webbplats Med Html

Video: Hur Man Skapar En Webbplats Med Html
Video: How To Create A Website Using HTML And CSS Step By Step Website Tutorial 2024, November
Anonim

Idag, med den explosiva tillväxten av Internet, används webbteknologier alltmer, i synnerhet HTML och vanliga webbläsare. HTML (HyperText Markup Language) är ett hypertextmarkup-språk. Detta format bestämmer utseendet på dokumentet, det ömsesidiga arrangemanget av text, grafik och multimediainformation. Kampanjer är engagerade i skapandet av webbplatser för mycket stora pengar. Men med hjälp av "html-tags" kan du skapa en ganska intressant webbplats med egna händer.

Hur man skapar en webbplats med html
Hur man skapar en webbplats med html

Det är nödvändigt

  • - webbläsare;
  • - textredigerare.

Instruktioner

Steg 1

HTML-filformatet är ganska enkelt. Att komponera och göra ändringar i filen utförs av vilken textredigerare som helst. En webbläsare används för att se resultaten. Den största fördelen med HTML-dokument är deras förmåga att korsrefereras till varandra. Korsreferenser hjälper dig att snabbt hänvisa till ett dokument med ytterligare information om ett intressant ämne och sedan fortsätta arbeta med källtexten. Alla dokument som skrivs med HTML-språket består av sidans innehåll, dvs. text och kontrolltecken - taggar. Alla HTML-taggar måste ingå i vinkelparenteser. Vanligtvis används en starttagg och en slutkod. Sluttaggen skiljer sig från starttaggen genom att det finns en snedstreck.

Steg 2

För att börja skapa en webbplats, gå till en textredigerare (anteckningsblock).

Ange sedan taggarna:

HTML - / HTML - den första och sista taggen i alla HTML-dokument.

HEAD - / HEAD - start och slut på dokumenthuvudet.

TITLE - / TITLE - ställ in titeln på dokumentet (webbläsarens fönster).

BODY - / BODY - början och slutet av HTML-dokumentets kropp, som definierar innehållet i dokumentet.

Steg 3

Därefter måste du utforma texten. Detta kräver följande taggar:

Hx - / Hx - (x är ett tal från 1 till 6) beskriver rubriker på sex olika nivåer. Den första nivårubriken är den största, den sjätte nivån är den minsta.

P - / P - beskriv ett stycke (/ P-taggen kan saknas).

ALIGN är en parameter som bestämmer inriktningen av stycket:

ALIGN = CENTER - mittjustering;

ALIGN = HÖGER - högerjustering;

ALIGN = VÄNSTER - vänsterjustering.

BR - gå till en ny rad utan att bryta ett stycke.

B - / B - visar text i fetstil.

I - / I - visar text i kursiv stil.

U - / U - understruken text.

STRIKE - / STRIKE - genomskinlig text.

BLOCKQUOTE - / BLOCKQUOTE - visar citat.

SUB - / SUB - visar prenumerationer.

SUP - / SUP - visning av övertryck.

TT - / TT - använd ett teckensnitt med en fast teckenbredd.

BIG - / BIG - öka storleken på det aktuella teckensnittet.

SMALL - / SMALL - minska storleken på det aktuella teckensnittet.

BASEFONT SIZE = n - (n är ett tal från 1 till 7) - basvärdet för teckenstorleken.

FONT SIZE = + / - n - / FONT - ändra teckenstorlek.

FONT FÄRG = # xxxxxx - FONT - ställa in teckensnittsfärg: Aqua - sea wave; Svart - svart; etc.

BODY - ändra bakgrundsfärg.

HR - horisontell linje, den här taggen kan använda attribut:

FÄRG - linjefärg;

SIZE - radbredd i pixlar;

WIDTH - radbredd i pixlar eller i procent av fönsterbredden;

ALIGN - linjeinriktning;

NOSHADE - målning utan skugga;

SKugga - rita med en skugga.

Steg 4

Om du behöver infoga någon lista på din webbplats måste du ange taggar:

UL - / UL - oordnad lista (uppräkning, ingen ordning):

LI - definition av ett listobjekt;

TYPE är en parameter som definierar en listmarkör:

TYP = CIRCLE - en cirkel används som markör;

TYP = DISK - punkt används som markör;

TYP + FYRKANT - en kvadrat används som markör.

OL - / OL - numrerad lista:

TYP är en parameter som anger listans typ:

TYP = A - Latinska bokstäver kommer att användas som listnummer;

TYP = a - små latinska bokstäver kommer att användas som listräkare;

TYP = I - stora romerska siffror kommer att användas som listnummer;

TYP = i - små romerska siffror kommer att användas som listnummer;

START är en parameter som definierar listans startnummer.

DL - / DL - lista med förklaringar:

DT - beteckning av ett listobjekt;

DD är en förklaring till ett listobjekt.

Steg 5

Så att din webbplats inte är begränsad till en sida, skapa flera. För att navigera behöver du hyperlänkar som definieras av följande taggar:

En HREF = URL - / A - infogar en länk i dokumentet (mellan taggarna måste du ange länktexten).

HREF - adress för en sida eller resurs;

URL - enhetlig resursadress: servis: // server [: port] [/sökväg]:

tjänst - protokollets namn (HTTP - åtkomst till ett HTML-dokument, FTP-begäran om en fil från en FTP-server, FIL-åtkomst till

fil på den lokala maskinen);

server - ange resursens namn;

port - portnummer där webbservern körs;

sökväg är den katalog där resursen finns.

A HREF = # bokmärkesnamn - / A - infoga en lokal länk (mellan taggarna måste du ange länktexten).

A NAME = bookmark name - / A - ställa in det bokmärke som länken ska göras till.

Steg 6

För att webbplatsen inte ska bli tråkig är grafisk design nödvändig. Använd taggarna för att göra detta:

BODY BACKGRAOUND = "filnamn" - ställer in bilden som bakgrund.

IMG SRC = "filnamn" - infoga en grafisk fil i ett HTML-dokument, den här taggen använder parametrarna:

ALT = "textsträng" - definierar en textsträng som visas istället för en grafisk bild om webbläsaren har inaktiverat möjligheten att automatiskt ladda grafik;

HEIGHT, WIDTH - bildhöjd och bredd i pixlar;

HPACE, VSPACE - bredden på det fria utrymmet som skiljer bilden från texten horisontellt och vertikalt;

ALIGN - justering av text relativt grafik.

Steg 7

Och det sista du behöver göra är att spara textfilen i *.html-format och sedan starta den med din webbläsare. Webbplatsen är klar.

Rekommenderad: