Skapa en HTML-sida i Anteckningar: förklaringar till dummies. Ett exempel på att skapa en html-sida i anteckningsblock Ladda ner en html-webbsida i anteckningsblock


Hej alla!

När vi väl börjar studera behöver vi känna till grunderna i HTML och CSS, vilket kommer att bidra till att göra våra webbplatser bättre och mer attraktiva för sökmotorer. Hela den här veckan kommer jag att berätta om hur jag arbetar med webbplatskoden och det här är vad som väntar dig:

  • . Vi kommer att lära oss hur man redigerar webbplatskod med dessa redigerare;
  • . Vi hjälper sökroboten att förstå sidans struktur;
  • . Vi kommer att ta reda på hur korrekt webbplatskoden är kompilerad och hitta fel;

Som du kan se kommer vi att ha mycket jobb den här veckan, så prenumerera på Context-UP-blogguppdateringar och få alla lärdomar i din e-post om du inte redan har prenumererat.

Grunderna i HTML

HTML (Hyper Text Markup Language) är ett märkningsspråk för dokument på Internet. Det vill säga, vilken sida som helst på din webbplats är ett dokument, och webbläsaren är ett sätt att visa sådana dokument.

Syftet med HTML är att visa webbläsaren var detta eller det dokumentelementet finns. Med detta språk markeras element på sidan och upptar en viss plats, som sedan visas på webbplatsbesökarens skärm.

Markup-språket består av speciella taggar som hjälper webbläsaren att avgöra:

  • Dokumentstruktur;
  • Platsen för ett visst element;
  • Syftet med elementet;
  • Inkluderade tredjepartsfiler;
  • Och mycket, mycket mer.

Sökrobotar förstår också detta, så du måste vara särskilt uppmärksam på hur väl dokumentet är sammanställt ur SEO-synpunkt och vilken struktur det har.

HTML-struktur

Alla HTML-dokument har en initial struktur som måste följas strikt. Hon ser ut så här:

Sidrubrik Sidans innehåll

Valfria taggattribut :

För att hålla bilden centrerad kan du använda taggen ……./

2. Praktisk uppgift nr 3

Infoga och formatera grafik. Självständigt skapande av webbsidor för dramateatrar.

Lektion #4

Kommunikation med andra dokument organiseras av taggar....

hyperlänktext .

< IMG SRC =’имя графического файла’>

2. Praktisk uppgift nr 4

Design av en lista över teatrar på huvudsidan glavn.htm, som hyperlänkar till motsvarande webbsidor för teatrar.

Lektion #5

1. Tabeller

De används inte bara för att ordna data i celler, utan för att placera fragment av text och bilder i förhållande till varandra.

Med hjälp av tabeller är det bekvämt att skapa webbplatsnavigering.

Ett exempel på en tabell med två rader (rader) som innehåller två celler:

Tabellceller kan innehålla text eller bilder, såväl som text med HTML-taggar och hyperlänkar. Du bör inte lämna tabellceller tomma, du måste placera minst ett blanksteg

Grundläggande taggattribut

Och
ställ in tabell-, rad- eller cellparametrar:

ALIGN=vänster, höger, mitten – justering (

, ,
)

BGCOLOR=’färg’ – bakgrundsfärg (

, ,
)

HSPACE=värde – ledigt utrymme till vänster och höger om tabellen i pixlar (

)

VSPACE=värde - ledigt utrymme ovanför och under tabellen i pixlar (

)

WIDTH=värde – tabell (cell) bredd – i pixlar, eller i procent (

,
)

HÖJD = värde – tabellhöjd (cell, rad) – i pixlar eller i procent (

, )

BORDER= värde – tjockleken på kanten runt tabellen och dess celler, standardvärde=1, om värde=0 finns det ingen ram (

,
, ,
)

BORDECOLOR=’färg’ – kantfärg ()

VALIGH=botten, mitten, topp – justera innehåll vertikalt (

)

2. Praktisk uppgift nr 5

Skapa webbplatsnavigering i form av en enradstabell

Lektion nr 6 och nr 7

1. Rubriksektion, metataggar

Rubriken på varje sida anger information om dokumentet som används för att visa det. Texten mellan ... taggar visas i webbläsarfönstrets namnlist.

Rubriksektionen innehåller vanligtvis ett antal taggar med olika attribut som ger ytterligare information (metainformation) om webbplatsen:

Dramateatrar i St Petersburg

- - (anger vilken typ av kodtabell (windows-1251, Koi8-R och andra) som används för att förbereda textdelen av dokumentet.

- information om


2024 gtavrl.ru.