Ett mjukvaruverktyg som känner igen html-språkbeskrivningar. Grundläggande beskrivningar och deras HTML-syntax
Html- språk för hypertextmarkering av dokumentet. Med den kan du skriva texter med länkar till andra sidor, skapa tabeller, listor, ta med bilder och mycket mer. Detta språk används för att skriva webbplatser.
»Html för nybörjare
» Hemsida
»Html för nybörjare
Grundläggande taggar (beskrivningar) för html-språket
I enlighet med traditionen med alla klassiska HTML-handledningar tillhandahåller vi det enklaste hypertextdokumentet.
Här är rubriken på första nivån
Välkommen till Internet!
Första och sista stycket.
I det här exemplet har vi använt följande hypertexttermer (kallade taggar):
- titeltagg.
Taggen för styckeetiketten.
I beskrivningsspråket för hypertextdokument är alla taggar parade. Sluttaggen innehåller ett snedstreck för att indikera att webbläsaren är klar. Men! Det finns ett undantag från denna parningsregel:
Det finns ingen tagg i naturen
.Alla taggar är inte webbläsarkompatibla. Om webbläsaren inte förstår taggen hoppar han helt enkelt över den.
Så HTML-dokumentet är rubriken:
Rubrikmed namnet:
Dokumentets namn
Detta är inte en regel, och inte ens en lag, detta är ett faktum:
Alla HTML-dokument har en titel.
Med namnet på ditt HTML-dokument kan andra webbläsare hitta information. Platsen för titeln är alltid definierad - den är högst upp på skärmen och skild från innehållet i dokumentet. Namnets maximala längd är 40 tecken.
Formatering
Formatering kan vara direkt eller auktoritativ. Om du använder taggen
Följande taggar är inneboende i direkt formatering:
Paragraf.
- vågrät linje.
Radbrytning.
Rubriker och underrubriker
HTML låter dig arbeta med sex nivåer av rubriker. Den första rubriken är den viktigaste. Särskild uppmärksamhet ägnas åt det. Resten av rubrikerna kan formateras till exempel med fetstil eller versaler.
I HTML betecknas den första rubriken som
:
N hänvisar till nivån på rubriken, det vill säga siffrorna 1, 2, 3, 4, 5 eller 6.
I HTML kan den första rubriken vara samma som titeln på dokumentet.
Listor är uppdelade i onumrerade:
numrerad:
med beskrivningar:
och kapslade:
Textval
Text i ett HTML-dokument kan markeras på något av följande sätt:
- Citat
- definition
- logisk accent
- tangentbordsinmatning
- datormeddelanden
- stark accent
- variabler
Ett stort stycke
I HTML är radbrytningar inte viktiga. Det betyder att du kan dela upp raderna i ditt dokument var du vill. Detta beror på det faktum att i ett hypertextdokument förvandlas på varandra följande överhoppningar till ett. Men! Om mellanslag görs efter taggen
Då beaktas det. Om någon tagg
HTML låter dig länka text eller bilder till andra hypertextdokument. Text är vanligtvis markerad eller understruken.
För att göra detta, använd taggen ... Kom ihåg att det måste finnas ett mellanslag efter bokstaven A.
¦ typ
¦ ange HREF = ”filnamn”> ¦ skriv tagg
Här syftar ordet Bob på dokumentet BobAnapa.html, som bildar en hypertextlänk.
Om du vill ange det fullständiga filnamnet måste du använda UNIX-syntax.
protokoll: // värdport / sökväg
Förformatering av text
Märka
Skapar text med monospace.Använd denna tagg för att utforma programlistor.
Utökade citat
Märka
låter dig infoga ett citat i ett ensamt objekt.Märka
låter dig generera information om författaren till HTML-dokumentet.Forcerad linjematning
Märka
översätter endast en rad, det vill säga inget extra mellanslag.Horisontella avdelare
Märka
bildar en horisontell linje över hela fönstrets bredd.Inbäddade bilder
Du kan bädda in bilder i ditt dokument. Syntaxen för en inline-bild är följande:
Här är image_URL en pekare till en bildfil, vars syntax är densamma som syntaxen för en HTML-länk.
I allmänna termer är deskriptorer några attribut för objekt för vilka motsvarande beteende är definierat. När du kommer åt dem får du, ställer in eller tar bort de angivna attributen från ordboken. Enkelt uttryckt är detta speciella nyckelord som bestämmer ett objekts beteende, dess egenskaper eller struktur. Artikeln kommer att överväga flera alternativ för deskriptorer. Detta gör att du kan förstå deras väsen och syfte mer exakt.
Html
I hypertextmarkeringsspråket som används för att skapa statiska webbsidor är deskriptorer inget annat än taggar. I denna miljö fungerar de som etiketter, tack vare vilka texten som placeras mellan dem visas på ett visst sätt. Således bildas designen och arrangemanget av element på sidan.
Som regel bestämmer språkets särdrag närvaron av en öppningsdeskriptor och en avslutande deskriptor. Allt däremellan kan förändras.
En deskriptor kan ha attribut, det vill säga vissa egenskaper. Deras syntax ser ut så här: attributnamn = dess värde.
Enligt en vanlig logik är deskriptorer i HTML identifieringsetiketter för objekt. Med deras hjälp kan du styra utseendet, interagera med sidan och tilldela speciella värden till den.
X86 arkitektur
I processorer är deskriptorer en speciell struktur med vilken olika grenar görs. Dess struktur ser ut så här:
- Partiskhet. Kan ändra kodproceduren.
- Väljare. Speglar en sorts etikett där proceduren ska gå.
- Antal parametrar.
- Åtkomsträttigheter.
Java
Java EE har konceptet med en distributionsbeskrivning. Den definierar hur servleten kommer att distribueras. I grund och botten är det en konfigurationsfil som innehåller inställningar, egenskaper och hårdvarukrav.
I webbapplikationer ska en sådan fil, enligt reglerna, heta web.xml och finnas i en specifik mapp.
Filbeskrivningar
För att arbeta med filer i operativsystem måste du först komma åt dem. Detta kan göras via en filbeskrivning. I det här exemplet fungerar det som en slags etikett som betecknar processen som skapade I/O-strömmen.
Operativsystemet Windows låter dig komma åt handtaget med hjälp av CreateFile-funktionen. Den kan användas ytterligare när du arbetar med den önskade filen.
På Unix-system är en filbeskrivning numrerad. 0 är standardingången för terminalprocessen, 1 är dess utgång, 2 är diagnosströmmen. Förutom numeriska representationer kan symboliska konstanter som definieras av specifikationen användas.
Fönsterhandtag
Efter att ett fönster har skapats i systemet tilldelas det ett specifikt handtag. Datatyperna som används i den är HWND. Programmeraren, när han skapar en applikation, måste använda dem korrekt för att referera till
Programmet kan få greppet genom att anropa FindWindow-funktionen. Den kan hitta den med namnet på klassen eller fönsterobjektet och returnera deskriptorvärdet.
För att kontrollera om identifieringen var korrekt är det värt att använda IsWindow-funktionen.
Felnummer 1400
Det här problemet är vanligt i Windows-familjen av operativsystem. När den visas tillsammans med den kan det finnas en kort beskrivning - ett ogiltigt fönsterhandtag. Och det kan också finnas en sådan formulering - "Error_invalid_window_handle" eller 0x578.
Hur man handskas och vad betyder en ogiltig deskriptor? Olika åtgärder måste vidtas beroende på objektets sammanhang.
I vilket fall som helst bör du omedelbart gå igenom standardåtgärderna för alla problem med systemet:
start- och skanningsfel med hjälp av verktyget för att kontrollera systemfilernas integritet; kolla din dator efter virus. Om de grundläggande stegen inte fungerade kan det vara värt att avinstallera och installera om appen som orsakar kraschen.
Ett annat tillförlitligt sätt att snabbt återställa systemets prestanda är att återställa det med hjälp av standardverktyg. Efter att ha använt "Systemåterställning" kommer den att återgå till den senaste giltiga säkerhetskopian, förutsatt att den skapades tidigare.
När ett fel kan uppstå
I de flesta fall orsakas ett ogiltigt beskrivningsfel av ett fel i den installerade programvaran. Därför är det värt att vara uppmärksam på vad som visas på datorn från programvaran. Det är också nödvändigt att regelbundet uppdatera all tillgänglig programvara och övervaka dess status. Samtidigt är det värt att beväpna dig med bra antivirusprogram.
Slutsats
Artikeln presenterade de allmänna principerna för driften av deskriptorer i olika programmeringsspråk och operativsystem, deras funktioner, egenskaper och typer. Vanligtvis används denna term främst av programmerare och utvecklare för att identifiera objekt och element för efterföljande referens och hantering.
Och det blev också tydligt att detta är fel deskriptor. Som det visade sig är detta ett vanligt problem i Windows-miljön, i de flesta fall kan det lösas med enkla manipulationer.
8: e klass
Introduktion till HTML
Föreläsning # 1: Introduktion till HTML (12 timmar)Ämne 1: Introduktion till HTML (1 timme)
Planen
1. Förstå HTML
2. Begreppet hypertext
3. Begreppet html-fil
4. Konceptet med html-språktaggar
5. Strukturella taggar
6. Skapa HTML-dokumentmallen och den första webbsidan
1. Förstå HTMLHtml står för HyperText Markup Language, eller Hypertext Markup Language.
Det är viktigt att förstå att HTML inte är ett programmeringsspråk - det är ett textmarkeringsspråk. Det låter dig definiera utseendet på dokumentet. Medan konventionella programmeringsspråk används för att skriva program (algoritmer) utformade för att utföra specifika uppgifter, används HTML för att representera ett dokument på ett specifikt sätt.
^ 2. Begreppet hypertext
Hypertext (hypertext) Är specialtext som innehåller en länk till en annan webbsida eller ett annat dokument. I det här fallet prefixet hyper innebär att mer än eller i överskott av eftersom du ser mer än bara text framför dig. I de flesta webbläsare är hypertext (eller hyperlänkar) vanligtvis understrukna och markerade i en annan färg än resten av texten. Om du klickar på hypertexten ändras dess färg. Att klicka på en hyperlänk får webbläsaren att begära det länkade dokumentet och sedan ladda det i webbläsarfönstret. Således, tack vare hypertexten, får webbsidan egenskapen interaktivitet.
Hypertext har ingen början eller slut. De flesta tryckta medier är utformade för att läsas från första till sista sidan. I denna mening har de en linjär struktur. Och hypertext är mer som ett spindelnät med ett obestämt centrum. Konsten att skapa bra webbsidor ligger främst i att organisera information på ett intelligent sätt. Användaren måste ha för ögonen sidans struktur eller dess sammanfattning för att kunna välja vad som intresserar honom.
^ 3. Begreppet html-fil
Allt du behöver för att utveckla html-filer är en textredigerare. Kom ihåg att även om html-sidor är .htm- eller .html-filer, är de faktiskt vanliga ASCII-textfiler. För att skapa en HTML-sida måste du använda kommandot Arkiv - Spara som och spara filen i textformat och lägg till filtillägget .htm eller .html till dess namn, beroende på vilket operativsystem som används.
Det bästa sättet att organisera dina html-filer är att skapa en speciell katalog (eller mapp) på hårddisken för att lagra webbsidor. Detta är särskilt viktigt om vi ska skapa flera sammanlänkade sidor. Först måste du bestämma strukturen för platsen för filerna på hårddisken. För att skapa en enkel webbserver behöver du oftast ha några text- och bildfiler, och eventuellt ett par multimediafiler. Genom att skapa en webbserver som innehåller ett relativt litet antal sidor och bilder kan du lagra alla dina filer i en katalog. Om det finns många filer bör du placera dem i flera mappar.
^ 4. Konceptet med html-språktaggar
Som vi sa låter märkningsspråket dig definiera utseendet på dokumentet. För detta infogas speciella koder, eller taggar, i den. Dessutom kan detta göras med hjälp av Notepad eller annan ordbehandlare. I allmänhet, när du skapar webbsidor måste du göra många av de saker som du är van vid att arbeta i en ordbehandlare, som fet text eller konvertera enskilda fraser till rubriker.
Så vad är en deskriptor? BeskrivareÄr huvudkodningselementet i HTML-standarden. I HTML beror nästan allt på deskriptorer. De tjänar till att uppmärksamma specifika ord i dokumentet, och därigenom låter webbläsaren veta vad som ska markeras, var grafiken ska visas och var hyperlänkarna finns.
Beskrivningar omges av vinkelparenteser (< >). Till exempel är styckebeskrivningen
, och den horisontella linjebeskrivningen är <НР> ... Deskriptorer kan skrivas med både stora och små bokstäver. Att skriva deskriptorer med stora bokstäver underlättar dock den visuella uppfattningen av texten.
Det finns två typer av deskriptorer: behållare och enskilda deskriptorer. En behållare är ett deskriptorpar som består av en start (eller öppen) och slut (eller stäng) deskriptor. Den initiala beskrivningen är
, och finalen . Behållare är utformade för att lagra viss information, såsom text eller andra beskrivningar. Därför är innehållet i behållaren inneslutet mellan start- och slutdeskriptorerna. Till exempel är ett element som representerar en rubrik på första nivån inneslutet mellan deskriptorernaoch :
Mitt första HTML-dokument!
En tom deskriptor skiljer sig från en container genom att den inte innehåller någon information. Den har bara en startbeskrivning. En tom deskriptor gör det vanligtvis självständig uppgift inte relaterat till specifik text. Till exempel deskriptorn
skapar en horisontell linje och gör ingenting på texten, till skillnad från behållarens start- och slutdeskriptorer.Behållarens start- och slutdeskriptorer, tillsammans med innehållet mellan dem, är element HTML-dokument. Ett element kan vara en bild, ett stycke text, ett formulär, en tabell, en lista, en länk, en textruta, en knapp och till och med titeln på ett dokument eller dess huvuddel (brödtext). Men observera att ett element inte bara är deskriptorer, utan också det som ligger mellan dem.
^ 5. Strukturella taggar
Låt oss ta en titt på de grundläggande beskrivningarna som definierar strukturen på en webbsida.
Beskrivningar HTML-element ( ) är de mest externa, dvs. innehålla all annan text och andra beskrivningar. Startbeskrivning, , Är det första du bör skriva. Och den sista beskrivningen, , markerar slutet på dokumentet. De flesta webbläsare accepterar inte text utanför dessa två beskrivningar.
Ett HTML-dokument har ett huvud (titel) och en body (kropp).
I alla HTML-dokument föregår HEAD-elementet texten (eller kroppen) på en webbsida. Innehållet i HEAD-elementet är inneslutet mellan deskriptorer och ... Den här texten är allmän information om filen och visas inte i själva dokumentet. Ett antal andra element finns i HEAD-deskriptorn. Vi är främst intresserade av deskriptorn
som definierar dokumentets titel. Text omsluten mellan deskriptorer och
Och slutligen, den viktigaste delen av HTML-dokumentet är BODY-elementet, som är inneslutet mellan ett par deskriptorer och ... Detta element är viktigast eftersom det inkluderar all text, bilder och media som visas på sidan, eller länkar till dem. BODY-elementbeskrivningen följer omedelbart efter HEAD-elementbeskrivningen.
^ 6. Skapa HTML-dokumentmallen och den första webbsidan
Öppna Anteckningar och skriv in följande text:
Webbsidans innehåll: test, grafik, länkar, etc.
Spara filen i din mapp som template.html.
Skapa nu nytt dokument och ladda in mallen vi skapade i den. Använd sedan kommandot ^ Spara som för att namnge den nya sidan.
Byt ut texten mellan deskriptorer
Detta är min första webbsida!
Den slutliga versionen av din fil bör se ut så här:
Detta är min första webbsida!
Spara filen i din mapp och namnge den först.html.
Ämne 2: Huvuddelen av webbsidan (1 timme)
Planen
1. Använda rubriker
2. Tecken för styckebrytning och radbrytning. Justera stycken och rubriker
3. Använda en deskriptor
4. Formatera text med stilar
5. Lägga till rader och kommentarer
Huvuddelen av alla webbsidor definieras med BODY-elementet, vars start- och slutdeskriptorer pekar på början och slutet av information. BODY-behållaren används inte i endast ett fall - i ett ramuppsättningsdokument, där den ersätts av FRAMESET-behållaren.
^ 1. Använda rubriker
Vanligtvis börjar HTML-utvecklare med att skapa rubriker. Det finns sex nivåer av rubriker och var och en har olika teckenstorlek. Genom att använda rubriker på olika nivåer kan du skapa en tydlig hierarkisk struktur för ditt dokument. Den använder samma princip som vid bokutgivning, där kapitelrubriker är markerade med stor stil, avsnittsrubriker är mindre, underavsnittsrubriker är ännu mindre osv.
HTML-standarden stöder sex nivåer av rubriker, som definieras med behållare: Н1, Н2, ..., Н6... För varje nivå av rubriker standardstorlekar teckensnitt.
^ 2. Tecken för styckebrytning och radbrytning
Beskrivningar
och
låter dig lägga till mellanslag i ditt dokument för att separera ett textblock från ett annat.
Beskrivare
används för att infoga ett styckebrytningstecken. Infogar given deskriptor vi instruerar webbläsaren att avsluta det aktuella stycket och infoga en tom rad före nästa stycke.
Beskrivare
används för att infoga ett radbrytningstecken. Genom att infoga denna deskriptor instruerar vi webbläsaren att avsluta den aktuella raden och gå vidare till nästa.
^ Justera stycken och rubriker
Stycke eller rubriktext kan vänsterjusteras ( standardinstallation), högerjusterad eller centrerad i webbläsarfönstret.
Syntaxen för en rubrikbeskrivning är:
Där n är rubriknivån;
Justering är en parameter som kan ha ett av följande värden: VÄNSTER, HÖGER, CENTER.
Syntaxen för en styckebeskrivning är:
<Р ALIGN=выравнивание>
^ 3. Använda en deskriptor
Om du vill lägga information på en webbsida som redan finns i något dokument (men inte i HTML-kod), behöver du inte slösa tid på att skriva om hela dokumentet. Istället kan du använda RTF-behållaren
^ Formatera citat
Beskrivare
är avsedd för långa citat och låter dig dra in en rad.
I container
andra beskrivningar kan inkluderas, såsom textstilar eller radbrytningar.
Beskrivare
utformad för att visa korta citat. Om du använder deskriptorn
ett separat fragment skapas i ett textblock, sedan när du använder deskriptorn
citatet fortsätter på samma linje som föregående text, d.v.s. textblocket slits inte isär.
^ 4. Formatera text med stilar
HTML ger flera sätt att formatera text. Detta är explicit (eller absolut) formatering med fysiska stilar och implicit (eller relativ) formatering med logiska stilar och slutligen, ändra teckenstorleken.
Fysiska stilbeskrivningar är absoluta, vilket innebär att text som är markerad med en fysikstil visas likadant i alla webbläsare. Och logiska stilar, till skillnad från fysiska, kan kallas relativa. Det betyder att de visas olika i olika webbläsare.
^
Tabell - Fysiska stilbeskrivningar
Beskrivare | Stil |
| Fetstil |
| Kursiv |
| Monospace-teckensnitt, som en skrivmaskin |
| Understrykning |
| Nedsänkt text |
| Upphöjd text |
| Genomstruken |
^ Ändra teckenstorlek
FONT-elementet låter dig definiera storleken och färgen på teckensnittet. SIZE-attributet låter dig ange den absoluta storleken på teckensnittet (det kan ta värden från 1 till 7) eller relativt, i förhållande till storleken på teckensnittet som används i sidans brödtext (det kan ta värden från -4 till +4). Detta använder följande syntax:
Elementet BASEFONT används för att ändra storleken på dokumentets huvudteckensnitt. Storleken på huvudteckensnittet kan ha värden från 1 till 7, och standardteckensnittsstorleken för webbläsaren är 3.
COLOR-attributet används för att ändra teckensnittsfärgen med följande syntax:
.
^ 5. Lägga till rader och kommentarer
För att dela upp sidtexten i delar kan du använda de horisontella linjerna som skapas med handtaget
.
Linjens utseende kan ändras med hjälp av attribut.
^
Tabell - Deskriptorattribut
STORLEK mäts i pixlar.
WIDTH-värdet kan mätas både i procent och i pixlar, därför används två syntaxer för WIDTH-attributet:
.
ALIGN-attributet kan vara LEFT, RIGHT eller CENTER. Det måste användas tillsammans med WIDTH-attributet, annars kommer linjen att sträcka sig längs hela skärmen:
.
Syntaxen för NOSHADE-attributet är:
.
Lägger till kommentarer
Du kan lägga till kommentarer till källkoden för en webbsida som inte kommer att vara synliga för besökare på din server. De är utformade så att du enkelt kan lista ut din egen kod vid behov.
Syntaxen som används för kommentarer är:
.
Praktisk uppgift
Öppna filen first.html och spara den som second.html.
Ändra det enligt listan nedan:
Jag lär mig HTML
Ändra teckenstorlek och färg
Detta stycke kommer att mittjusteras, i motsats till huvudstyckena i dokumentet, som är vänsterjusterade.
Spara dokumentet och öppna det i ett webbläsarfönster.
Ämne 3: Skapa tabeller (1 timme)
Planen
1. Det första steget av att skapa tabellkod
2. Skapa rader och kolumner i tabellen
3. Välj typ av tabell
4. Justera data i tabellceller horisontellt och vertikalt
5. Målarbord och ramar
^
1. Det första steget av att skapa tabellkod
Föreställ dig en tabell som innehåller produktnamn och priser. den standardsätt med hjälp av tabeller. Låt oss nu lägga till bilder i tabellen, som är hyperlänkar till HTML-filer som innehåller större bilder, samt detaljerad information om respektive produkter. Videor och ljudinspelningar kan också vara tabellposter. Således kan användaren inte bara se mycket, utan också höra mycket.
HTML-koden som används för att skapa tabellerna är inte alltför komplex; snarare är det väldigt krångligt. Att bygga bord är inte så svårt om det görs på rätt sätt.
Innan du börjar skapa tabeller måste du förstå strukturen på koden som används för att göra detta. HTML-tabellkoden finns i TABLE-behållaren. Innan du genererar HTML för en tabell måste du bestämma det maximala antalet rader och kolumner som den innehåller. Sedan, när du skriver din kod, kommer du att definiera celler en efter en. Celler definieras från vänster till höger rad för rad och uppifrån och ned.
Rader, kolumner och celler är standardtermer som används vid beskrivning av tabeller.
^ 2. Skapa rader och kolumner i tabellen
För att beskriva en tabell måste du ange antalet rader och kolumner, samt deras plats.
Ett par deskriptorer används för att definiera en rad i tabellen.
och .
De talar om för webbläsaren att cellerna som definieras mellan dessa deskriptorer tillhör samma tabellrad.
Beskrivningar
Beskrivningar
Använder attributet COLSPAN som finns i deskriptorn
^ 3. Välj typ av tabell
Innan du fortsätter att beskriva cellerna är det nödvändigt att definiera några allmänna egenskaper hos tabellen. Dessa inkluderar tabellbredd, cellavstånd, cellavstånd, etc.
En av dessa gemensamma egenskaper är ramen, dvs. gränsen som skiljer tabellen från resten av dokumentet. För att göra detta, använd attributet BORDER = n, där n är bredden på kanten i pixlar. BORDER-attributet placeras i deskriptorn För att bestämma tabellens bredd används WIDTH-attributet, även placerat i deskriptorn Med COLS-attributet placerat i deskriptorn Slutligen används attributen CELLSPACING och CELLPADDING placerade i deskriptorn för att definiera intervallen i tabellen. Attributet CELLPADDING anger avståndet, i pixlar, mellan innehållet i en cell och dess kanter (standardavståndet är 1). ^
4. Justera data i tabellceller horisontellt och vertikalt
ALIGN-attributet låter dig justera innehållet i celler och kan vara CENTER, JUSTIFY, CHAR, RIGHT, LEFT. Om du ställer in ALIGN-attributet till JUSTIFY, kommer textinnehållet i cellen att justeras till bredden. Om du ställer in ALIGN-attributet till CHAR, kommer innehållet i cellen att justeras i förhållande till det tecken som anges med CHAR-attributet. Till exempel kan posten ALIGN = "char" CHAR = "," användas för att justera naturliga tal med decimalavgränsaren. ^
Justera data i tabellceller vertikalt
VALIGN-attributet kan användas i behållaren Lägga till etiketter i tabeller Använda en behållare Som standard är etiketter placerade ovanför tabellen, men de kan placeras någon annanstans. Till exempel används följande kod för att placera bildtexter under en tabell: Förutom BOTTOM-attributet kan TOP, LEFT, RIGHT-attributen användas i CAPTION-behållaren. ^
5. Målarbord och ramar
Du kan lägga till en bakgrund till tabellen som har en annan färg än resten av webbsidan. Du kan också färglägga rader eller enskilda celler för att få dem att sticka ut från resten av tabellen. Deskriptorns BGCOLOR-attribut används för detta. Attributvärdet BGCOLOR kan vara antingen hexadecimalt (i #rrggbb-format) eller text. Använder en deskriptor Värdet på BORDERCOLOR-attributet påverkar den övre delen av 3D-tabellramen, och värdet för BORDERLIGHT påverkar den nedre delen (dvs skuggan). Dessa attribut kan användas för att ändra standardpresentationsattributen för 3D-tabellramar. ^
Praktisk uppgift
Generera HTML-koden i följande tabell Ämne 4: Skapa listor (1 timme) Planen 1. Listor som ett struktureringsverktyg. Listtyper 2. Numrerade listor 3. Punktlistor 4. Listor över definitioner 5. Häcknings- och kombinationslistor Listor är ett mycket kraftfullt sätt att strukturera ditt dokument. Med deras hjälp kan du ge en tydlig och tydlig presentation av materialet. HTML ger möjligheten att skapa attraktiva men ändå funktionella listor. HTML ger möjlighet att skapa olika typer av listor. Dessutom kan var och en av dem användas både oberoende och i kombination med andra typer av listor. ^
Tabell - HTML-listtyper och deras motsvarande beskrivningar
^
2. Numrerade listor
Ordnade och numrerade listor är samma sak. Dessa termer används omväxlande. En numrerad lista skapas med hjälp av en behållare. Varje listobjekt definieras inuti denna behållare med hjälp av en deskriptor Som standard numreras listobjekt med vanliga arabiska siffror. Men du kan göra det så att bokstäverna i alfabetet (gemener eller versaler) eller romerska siffror används för numrering. Listformateringsstilen definieras med följande syntax: Typparametern kan ta de värden som visas i tabellen ^
Tabell - Numreringstyper av ordnade listor i HTML
Numreringsmetoden kan också ändras i mitten av listan. För att göra detta måste motsvarande listpost definieras enligt följande: Du kan börja numrera listan med siffror eller bokstäver med valfri siffra eller bokstav. För att göra detta, använd START-attributet. För att börja numrera med en viss bokstav eller romersk siffra, använd TYPE och START-attributen. Syntaxen för denna procedur är följande: Parametervärdet är ett tal. För att ändra numreringsschemat i listan, använd attributet VALUE för deskriptorn ^
3. Punktlistor
Den vanligaste typen av lista är en oordnad eller punktlista. I sådana listor, bredvid varje punkt i den oordnade listan, finns en kula, som kan se ut som en stor svart cirkel eller fyrkant. Deskriptorer används när man skapar punktlistor För att ändra markörtypen för hela listan, använd syntaxen ^
Tabell - Typer av kulmärken
^
4. Listor över definitioner
Listor med definitioner påminner en del om ordböcker, eftersom varje term har ett indraget stycke i definitionen. Det här verktyget är oumbärligt om du behöver skapa en lista över föremål med deras detaljerade beskrivningar (till exempel för kataloger över detaljhandelsvaror eller fastigheter). Definitionslistan finns i behållaren ^
5. Häcknings- och kombinationslistor
Om så önskas kan du kombinera Olika typer listor, samt kapa in dem i varandra, oavsett om till en eller till olika typer de relaterar. Följande lista visar ett exempel på användning av kapsling punktlista i numrerade. abstrakt 1. Kort historia WWW 2. HTML-språk - bygga webbdokument: a) Webbdokumentmall b) textformatering c) styckeformatering d) arbeta med bildbilder: I. bakgrundsbilder II. statiska och dynamiska bilder f) ramar: I. Vertikala ramar II. Horisontell ram III. Kapslade ramar Alternativa sätt att upprätta dokument Det är välkänt att Internet i synnerhet är ett enormt arkiv med all slags information. Före tillkomsten av World Wide Web (WWW) var det inte lätt att navigera på Internet för att hitta den information du behöver. För att få en fil från en FTP-server var du tvungen att ladda ner klientapplikationen separat. Samtidigt var du tvungen att komma ihåg ditt lösenord, du var tvungen att navigera genom många kataloger på jakt efter den önskade filen, inte glömma att ställa in rätt överföringsläge innan du fick den; känner till många kommandon för att arbeta med FTP-servrar, etc. Om du behövde se en konferens var du tvungen att starta ett annat program som hade sin egen uppsättning kommandon för att läsa, vidarebefordra, spara meddelanden från konferenser. Det hela var obekvämt. För cirka fem år sedan gjordes ett försök att organisera sig informationsordning v Internetnätverk... Detta gav upphov till tjänsten World Wide Web, som föddes vid European Centre for Nuclear Research i Sverige. WWW-idén bygger på den sk hypermedia dokument eller webbdokument, även kallade webbsidor, är utformade för att hjälpa till att organisera och hämta data. Dessa dokument kan innehålla både text och icke-textuella textinformation(t.ex. bilder, ljud) samt länkar. Länkar är pekare med vilka du fritt kan flytta från en plats i ett dokument till en annan plats, eller till och med länka till ett separat dokument, som kan finnas på andra sidan jorden. Även om webbdokument kan innehålla en mängd olika information, inte bara text, kallas de nästan alltid hypertext ( hypertext) dokument, vilket i allmänhet inte är helt sant. På skärmen ser ett typiskt webbdokument ut som en uppsättning text med länkar, det kan finnas olika illustrationer. Du kan bläddra igenom dokumentet, visa innehållet, snabbt navigera genom det eller andra dokument med hjälp av länkar. Med tillkomsten av WWW började Internet servera text och grafik, med musen blev det möjligt att resa runt i världen och enkelt hitta den information du behöver med en enkel peka och klicka. Det blev enkelt att ladda ner filer och läsa konferenser. Detta är anledningen till att WWW-tjänsten har vunnit popularitet över hela världen och blivit allmänt antagen. Varje dag på Internet dyker upp i stora mängder Webbservrar och tusentals nya dokument publiceras. För att bygga webbdokument på WWW används ett speciellt HTML-språk, vilket betyder HyperText Markup Language - ett hypertextmarkeringsspråk, ett dataformateringsspråk. Baserat på Standard Generalized Markup Language (SGML), definierar HTML formateringen och organisationen av data i webbdokument. Den definierar inte exakt hur texten kommer att placeras på skärmen, den definierar strukturen på data. Ett webbdokument kan innehålla mer än bara textinformation och därför vore det mer korrekt att kalla HTML för HyperMedia Markup Language, men i litteraturen används nästan alltid förkortningen HTML. Ett HTML-dokument är en vanlig ASCII-fil. Den är baserad på speciella deskriptorer (taggar) som bestämmer formateringen av data i alla webbdokument. Naturligtvis, för att se HTML-dokument på World Wide Web, behöver du en speciell programvara... Sådana program kallas webbläsare (från engelska. bläddra- bläddra igenom, se). Med deras hjälp kan du ladda ner och visa webbsidor, navigera på WWW, etc. V för närvarande det finns en hel del webbläsare, varav de mest populära är Microsoft-webbläsare Internet Explorer, Netscape Navigator och NCSA Mosaic. Efter att ha läst HTML-filen tolkar webbläsaren informationen i dokumentet med hjälp av beskrivningar och visar den på datorskärmen i enlighet med detta. 1 visar ett exempel på ett webbdokument: Fig. 1 Exempel på webbdokument HTML utvecklas snabbt. Under sin utveckling fick den nya möjligheter och förlorade de som var lite använda och föråldrade. För närvarande är den nuvarande officiella versionen av HTML-språket version 3.2, som har avancerade verktyg för att bygga webbdokument. Jämfört med HTML 2.0 erbjuder den nya versionen nya funktioner som tabeller, textomslutning runt bilder, inbäddning av Java-applets och andra funktioner. För idag, förutom officiella versionen språk, det finns även versioner av HTML från Microsoft och Netscape, som också stöder och ytterligare egenskaper inte beskrivet i specifikationen för den officiella HTML-versionen. För att lösa problemet med webbläsarkompatibilitet vid visning av dokument som består av element av inofficiella versioner av HTML-språket, inkluderar de tidigare nämnda företagen stöd för en alternativ version av språket i sina produkter. Det finns redan en version 4.0 av språket på väg, kallad Dynamic HTML, som lovar förbättrade gamla och spännande nya sätt att designa webbdokument. W3C (World Wide Web Consortium) föreslår redan denna version av språket som standard. Det finns alternativ ny version språk från Microsoft och Netscape, som dock ännu inte är kompatibla med varandra. Detta arbete avslöjar det huvudsakliga sättet att konstruera dokument från språket HTML-versioner 3.2 från Netscape Communications. Som nämnts ovan specificeras formateringen av ett HTML-dokument av speciella deskriptorer. En deskriptor är ett dataformateringskommando och detta kommando är omgivet av vinkelparenteser "<» и «>". Det finns öppnings- och stängningsdeskriptorer, mellan vilka texten som ska formateras placeras. Öppningsdeskriptorer anger formateringsmetoden, den senare avbryter den. Skillnaden mellan dessa deskriptorer är att det finns ett snedstreck framför namnet i den avslutande deskriptorn. Till exempel deskriptorer. Det finns även deskriptorer som inte kräver en omslutande variant. HTML är inte skiftlägeskänsligt, så alla deskriptorer kan anges med både stora och små bokstäver. Webbläsaren kommer att tolka dem entydigt i vilken stavning som helst. Om du tittar på källkoden för en vanlig webbsida kan du se följande innehåll: dokument titel text text text text Mellan deskriptorer och hela dokumentet finns direkt. Beskrivningar Strängt taget krävs ingen av ovanstående beskrivningar när du skapar dokument, men de hjälper till att strukturera dokument och deras definition är ett tecken på bra stil när du skriver webbsidor. Att formatera text innebär att visa text i ett specifikt teckensnitt eller med specifika attribut. För att formatera text måste du omsluta en sträng eller textrader mellan ett par deskriptorer. Följande är huvudbeskrivningslistan och textformateringsresultat: Om du till exempel vill visa en viss rad på skärmen i kursiv stil, ska följande skrivas in i webbdokumentets brödtext: Denna text är skriven i kursiv stil Som ett resultat kommer webbläsaren att visa: Denna text är skriven i kursiv stil Deskriptorer kan kombineras med varandra i valfri ordning, till exempel kombinationen Denna text är i fet kursiv stil kommer att ge följande resultat: Denna text är tryckt med fet kursiv stil
I vissa webbdokument kan du se textrader blinka för att fånga användarens uppmärksamhet. För dessa ändamål används deskriptorn Denna förlängning av Netscape-språket används dock sällan och kan därför snart bli föråldrad. Teckensnitt av olika storlekar används ofta i designen av webbsidor. Du kan visa en sträng med en annan teckenstorlek än den vanliga med hjälp av beskrivningar text
, där talet n är ett tal från 1 till 7 som bestämmer storleken på teckensnittet i förhållande till normalen. Så följande text i brödtexten i dokumentet Detta text fyra storlekar större än vanligt skärmen kommer att se ut så här: Denna text är fyra storlekar större än normalt. Det bör noteras att paren av deskriptorer och, och ochär delar av Netscape HTML-språk och kanske inte stöds av andra webbläsare. Textinformation som publiceras på webbsidor är organiserad i stycken. Stycket börjar med en deskriptor<Р>och avslutas med ett stängningshandtag Första paragrafen Andra stycket Som ett resultat kommer skärmen att visa följande resultat: Första paragrafen Andra stycket När du skriver ett dokument bör du komma ihåg att webbläsaren ignorerar mellanslag mellan ord och radbrytningar vid formatering av text, så den betraktar endast texten mellan deskriptorerna som ett stycke. Ett påtvingat linjebrott ställs in av handtaget Första linjen Andra linjen Som ett resultat kommer webbläsaren att visa: Första linjen Andra linjen Om du behöver visa text med erforderligt antal mellanslag och radbrytningar, måste du bifoga den i beskrivningar Skapa rubriker Rubriker på olika nivåer specificeras med hjälp av deskriptorer Som ett resultat kommer skärmen att visa: Detta är en nivå 1-rubrik Detta är en nivå 3-rubrik Detta är en nivå 6-rubrik Rubriker är ett av de mest använda dokumentformateringselementen på WWW. Skapar listor I HTML är det möjligt att definiera tre typer av listor: numrerade listor, onumrerade listor och definitionslistor. Början och slutet av listan ställs in av speciella deskriptorer, och en deskriptor sätts före varje element i listan Numrerad lista: Resultat: Oordnad lista: Resultat: * Listobjekt * Listobjekt * Listobjekt Definitionslistor är grupper av text, två element vardera, med det andra elementet förskjutet till höger om det första. Vanligtvis används sådana listor för att förklara olika begrepp. Exempel: Resultat: Det första begreppet som ska definieras. Förklaring av det första konceptet. Andra definierbara koncept. Förklaring av det andra konceptet. Länkar är ett av grundelementen i HTML-språket. Länkar ger ett snabbt och bekvämt sätt för användaren att navigera till en eller annan plats i ett dokument, eller till och med ett annat dokument. Till exempel, istället för att bläddra igenom ett långt webbdokument på jakt efter det önskade fragmentet, kan du omedelbart hoppa till önskad plats med ett enkelt musklick (om, naturligtvis, en motsvarande länk tillhandahålls för detta). Om det finns två olika dokument, för att ge åtkomst från ett dokument till ett annat, är det inte nödvändigt att kombinera dem, det räcker med att göra en länk till ett annat i ett dokument och allt kommer att reduceras till ett enkelt musklick . På skärmen visas länkar som en eller flera textrader, markerade i en annan färg och understrukna med en tunn linje. Om du flyttar muspekaren till den här delen av texten kommer den att förvandlas till en bild av ett pekfinger, och efter att ha klickat på denna plats kommer du att följas av denna länk. HREF-attributet pekar på namnet på etiketten i det aktuella dokumentet. Naturligtvis är det i det här fallet nödvändigt att ange en etikett i dokumentet för vilken länken kommer att ställas in. För detta används deskriptorn med attribut På skärmen sticker etiketten, till skillnad från länkar, inte ut från resten av texten. Om du behöver navigera till en etikett som finns i ett annat dokument, kommer exemplet ovan att ändras något: URL:en kan vara antingen relativ eller absolut. Dessutom kan länken peka inte bara till dokumentet utan även till bilder, binärer, ljudfiler etc. Webbläsarens beteende när du klickar på en viss länk beror på dess specifika inställningar. Så om länken pekar på ett dokument kommer det att laddas, men om det är en ljud- eller videofil kommer den att spelas upp. Om det är en binär fil kommer webbläsaren att erbjuda att skriva om den till den lokala disken. Användningen av bilder låter dig designa webbdokument i färg, kombinationen av text och grafik ger vilken sida som helst ett behagligt utseende och klarhet. För att infoga illustrationer i dokumentet, använd beskrivningen Attributet anger namnet på bildfilen. Filnamnet kan peka på både en lokal fil och fjärrfil, för vilken du bör ange motsvarande URL. Filen kan vara en statisk bild i ett grafiskt format som webbläsaren förstår, eller en dynamisk bild i GIF89A-format. I det senare fallet kommer filen att visas som animering i webbläsarfönstret. ALT-attributet indikerar texten som kommer att visas i webbläsarfönstret istället för bilden, om till exempel användarens webbläsare inte stöder grafik eller alternativet att ladda bilder är inaktiverat. Det här attributet är valfritt, men det anses vara god praxis att använda det när du skriver webbdokument. Ofta, när du förbereder sidor med grafik, händer det att den önskade bildstorleken inte matchar den faktiska. Till exempel behöver du placera en bild på ett visst område med en viss storlek. För att göra detta måste du använda attributen WIDTH och HEIGHT, som anger de nödvändiga bildmåtten i bredd respektive höjd. Om du till exempel behöver placera en stor bild på ett område som är 100 pixlar högt och 200 pixlar brett, måste du skriva följande i dokumentets brödtext: Ordningen på dessa attribut kan vara godtycklig. Överflödet av grafik i dokumentet förbättrar å ena sidan det allmän form, å andra sidan, ökar dess laddningstid avsevärt. För att hitta en kompromiss mellan hastigheten för att ladda ett dokument och dess synlighet, använder webbdesigners ofta denna teknik: de placerar bilden på sidan i ett mindre format och gör den till en länk till sig själva. Om du klickar på en sådan bild kommer webbläsaren att ladda den och visa den i sin ursprungliga storlek. Länkbilden beskrivs i dokumentet enligt följande: En intressant möjlighet är att "linda" bilden med text. Detta är ett mycket populärt sätt att designa webbsidor. I det här fallet är bilden på skärmen omgiven av text, till exempel till vänster och nedan. "Wrapping" av texten uppnås med hjälp av attributet ALIGN, som har parametrar som: VÄNSTER - texten kommer att täcka bilden från vänster till botten. HÖGER - texten omsluter bilden från höger-botten TOP - bilden är omgiven av text uppe till höger NEDERST - bilden är omgiven av text nere till höger MITT - bilden är omgiven av text i mitten till höger Till exempel, när du kompilerar webbsidan som visas i fig. 1 användes följande post i dokumentets brödtext, som beskriver bilden: Bilder kan också användas som bakgrund i ett dokument. All text och alla illustrationer i dokumentet kommer att visas av webbläsaren över bakgrundsbilden. Bakgrundsbilder ställs helt enkelt in enligt följande: Om storleken på bilden inte är tillräckligt stor för att fylla hela webbläsarfönstret, kommer det senare helt enkelt att multiplicera bilden tills fönstret är helt fyllt. Ramar En av de senaste innovationerna i den officiella versionen av HTML-språket är de så kallade ramarna. När du använder ramar är webbläsarfönstret uppdelat i flera underfönster, i vart och ett av vilka du kan visa alla webbdokument, rulla dem oberoende av andra fönster. En genomtänkt ramstruktur kan avsevärt underlätta navigering genom dokument och förbättra uppfattningen av information. Ett exempel är den elektroniska versionen av en bok eller tidning, när du i ett fönster kan välja sektioner - länkar till innehållet, och i nästa fönster kan du se information direkt relaterad till ett specifikt avsnitt från innehållet. Det finns två typer av ramdokument: raminnehållande dokument och enkla dokument. Raminnehållande dokument definierar strukturen för själva ramdokumentet; ange information om hur webbläsarfönstret ska delas upp i underfönster. Sådana dokument innehåller länkar till andra dokument. Vanliga dokument är de dokument som inte innehåller de data som definierar ramarna. Strukturen för ett raminnehållande dokument ser i allmänhet ut så här: rubrik Text Ramstruktur definitionsområde Som du kan se i exemplet är strukturen för ett sådant dokument något annorlunda än strukturen för ett vanligt dokument. Förekomsten av deskriptorer Nedan är ett exempel på ett ramdokument: Beskrivare
... Om du väljer 0 eller utelämnar helt givet attribut, då skapas en kantlös tabell.
... Bredden anges i antingen procent eller pixlar, och omges av citattecken.
, kan du bestämma antalet kolumner i tabellen:
.
.
CELLSPACING-attributet definierar avståndet mellan celler i pixlar ( standardvärdeär lika med 2).
, ,
... Med den kan du justera text till toppen eller botten av cellen och centrera den vertikalt. VALIGN-attributet kan anta följande värden: TOP, MIDDLE, BOTTOM.
.
och attributen BORDERCOLOR och BORDERLIGHT, kan du ändra färgen på tabellkanten. BORDER-attributet måste placeras i deskriptorn
... För att ändra kantfärgen i tabellen måste du använda attributen BORDERCOLOR och BORDERLIGHT i deskriptorn
eller .
Efternamn
dagar i veckan
måndag
tisdag
onsdag
torsdag
fredag
Ivanov
6
0
0
0
0
Petrov
0
6
0
0
0
Sidorov
0
0
6
0
0
Sergeev
0
0
0
6
0
Vasiliev
0
0
0
0
6
Efternamn dagar i veckan måndag tisdag onsdag torsdag fredag Ivanov 6 0 0 0 0 Petrov 0 6 0 0 0 Sidorov 0 0 6 0 0 Sergeev 0 0 0 6 0 Vasiliev 0 0 0 0 6
^
1. Listor som ett struktureringsverktyg. Listtyper
och
... Precis som med numrerade listor, definieras alla objekt i punktlistor med hjälp av deskriptorn
, och för en del av listan - .
Definitionslistobjekt skapas med hjälp av deskriptorer
Kapslade listor
Hur man förbereder ungdomselixiret
1. En kort historia av World Wide Web
2. HTML-språk. Bygga webbdokument
Textformatering
Formatera stycken
som inte har någon stängningsmöjlighet. Exempelkod:OCH
... Detta används vanligtvis för att visa programkälllistor. I det här fallet kommer texten att visas i ett teckensnitt med monospace.
, den minsta är en deskriptor
... Till exempel:
Detta är en nivå 1-rubrik
Detta är en nivå 3-rubrik
Detta är en nivå 6-rubrik
Länkar
Bildinbäddning
: