2. Nézze meg az eredményül kapott weboldalt.

Kombinált szövegek közül választhat.

menetrend edzés szerdán

De ugyanakkor vegye figyelembe a következő szabályt a kombinált címkék használatához:

<Тег_1><Тег_2>. - Helyes bejegyzés.

<Тег_1><Тег_2>. - Rossz rekord.

Figyeljen a címkék "fészkelésére", hasonlít a zárójelek "fészkelésére".

Task number 5. A weblapon lévő karakterek méretének beállítása

Két lehetőség van a böngésző által megjelenített szöveg méretének szabályozására:

fejléc stílusok használata,

Adja meg a fő dokumentum betűméretét vagy a jelenlegi betűtípus méretét.

Hat fejlécet használnak: a

legfeljebb

(a címke dupla, vagyis bezárása szükséges). Minden címke megfelel a böngésző beállításai által meghatározott stílusnak.

1. Módosítsa a RASP.HTML fájlt

Page 4 of 16 Gyakorlati munka HTML-ben

edzés szerdán

12. ábra - A feladat eredménye 5

6. feladat: Az aktuális betűtípus méretének beállítása

Betűtípus-címke lehetővé teszi az aktuális betű méretének beállítását az egyes szöveghelyeken az 1-7 tartományban.

1. Módosítsa a RASP.HTML szöveget

leckék keddre

2. Függetlenül változtassa meg az "osztályok kedden" szövegének méretét a címke használatával .

3. Módosítsa a HTML dokumentum tervét a töredék kiválasztó címkével és a sorfejlődéssel és bekezdéscímkével.

Tevékenység száma 7. A fülhallgató és a betűtípus színének telepítése

címke lehetővé teszi a fejhallgató, a szín és a szöveg méretének szabályozását.

A headset szövegének módosítása egyszerűen hozzáadódik a címkéhez attribútum FACE. Például, ha Arial betűtípussal szeretné megjeleníteni a szöveget, írnia kell:

Page 5 of 16 Gyakorlati munka HTML-ben

A betűtípus színének megváltoztatásához használhatja a címkén attribútum COLOR = "X". Az "X" helyett helyettesítse a szín angol nyelvnevét idézőjelekkel ("") vagy hexadecimális értékével. Ha hexadecimális számmal rendelkezik, akkor ezt a színt három összetevőben kell megadni: piros (R - piros), zöld (G - zöld), kék (B - kék), amelyek mindegyike értéke 00 - FF. Ebben az esetben az úgynevezett RGB formátummal foglalkozunk.

Példák az RGB formátumú szöveg rögzítésére a 2. táblázat tartalmazza:

RGB formátumú szöveg írása

1. Módosítsa a RASP.HTML fájlt

menetrend leckék keddre

2. Változtassa meg a dokumentum szövegének méretét, színét és stílusát.

Task number 8. A szöveg vízszintes igazítása

1. Módosítsa a RASP.HTML fájlt

leckék keddre

Page 6 of 16 Gyakorlati munka HTML-ben

12. ábra - A feladat eredménye 8

Task number 9. A háttérszín és a szöveg beállítása

1. Módosítsa a RASP.HTML fájlt

leckék keddre

Task number 10. Grafika elhelyezése a weblapon

címke lehetővé teszi, hogy beillesztse a képet egy weboldalra. Megjelenik a dokumentum helyén, ahol ez a címke található. címke egyszemélyes.

Ne feledje, hogy a grafikus fájloknak ugyanabban a mappában kell lenniük, mint az oldal leírását tartalmazó HTML fájl. A grafika az interneten általában három formátumban oszlik meg: GIF, JPG, PNG. Page 7 of 16 Gyakorlati munka HTML-ben

A következő feladat végrehajtásához tegyen egy CLOCK.JPG nevű fájlt (vagy egy másik nevet) a munkakönyvtárba.

Nem szabad elfelejteni, hogy a böngésző esetében fontos, hogy melyik regiszterben adjon meg nevet és fájltípust. Készítsen szabályt magára, és szigorúan kövesse. Ha grafikus fájlt helyez el egy almappában, meg kell adnia a képfájl elérési útját a kép leírásakor, és megjeleníti a mappák fészkelését.

1. Módosítsa a RASP.HTML fájlt

leckék keddre

A képernyőn a 13. ábrán láthatóak lesznek.

13. ábra - A feladat eredménye 13

címke a 3. táblázatban ismertetett számos attribútummal rendelkezik. Ezek az attribútumok további megadhatók, és az IMG kód után bárhol megtalálhatók a címkén.

11. feladat. A kép attribútumok használata

1. Változtassa meg a RASP.HTML fájl szövegét: próbálja meg használni a grafikus attribútumokat, például ALT, BORDER, ALIGN, HEIGHT, WIDTH, VSPACE, HSPACE.

Mindig figyeljen a grafikai fájl méretére (bájtban), mivel ez befolyásolja a weboldal betöltési idejét.

Task number 12. A háttérkép beállítása a weblapon

A háttérkép egy kis fájlból álló grafikus fájl, amely többször megismétlődik, a teljes böngésző ablakának betöltése a mérettől függetlenül.

A háttérképként használt grafikák a címkén vannak megadva .

1. Módosítsa a RASP.HTML fájlt, miután elkészítette és elmentette a munkafájlba a háttérkép (FON.PNG) képfájljait.

Page 9 of 16 Gyakorlati munka HTML-ben

leckék keddre

A képernyőn látni fogod, mi látható a 6. ábrán.

14. ábra - A feladat eredménye 12

A háttérképként használt mintának megvan a formája

15. ábra - Háttérkép mód

2. Kísérletezzen a weblap háttérképével és válassza ki az optimálisat az Ön szempontjából.

Task number 13. Táblázat létrehozása

A táblázat a HTML dokumentum része. Téglalap alakú rács, amely függőleges oszlopokból és vízszintes vonalakból áll. Egy sor és egy oszlop kereszteződését táblázatcellának nevezik. A cella tartalmazhat szöveget, grafikát vagy egy másik táblát.

A táblázat három fő részből áll:

A webes dokumentum táblázatát sorok töltik ki (a sor balról jobbra, majd egy új sor). Az asztal minden celláját meg kell tölteni (legalábbis egy üres cellák létrehozására szolgáló helyet használva).

1. Indítsa el a jegyzettömböt, és írja be a következő weboldal szövegét. Használja a másolási technikákat, amikor létrehoz egy táblát a Jegyzettömb segítségével.

2. Mentse a fájlt egy személyes munkakönyvtárba az 5.HTML néven

A képernyőn látni fogod, mi látható a 8. ábrán.

16. ábra - A feladat eredménye 13

Task number 14. Hypertext linkek létrehozása

A HTML nyelv legfontosabb eszköze a dokumentumban található egyéb dokumentumokhoz való kapcsolódási képesség.

egy távoli HTML fájlhoz,

egy bizonyos pontig a jelenlegi HTML dokumentumban,

minden olyan dokumentumon, amely nem HTML dokumentum.

Bármely szöveg vagy grafika használható referenciaként.

Hivatkozások egyetlen dokumentumon belül

A címke neve (MN) előtt, jelezve, hogy hová menjen a linkre, a # szimbólum látható. A ">" és a "<” располагается текст (“Понедельник”), на котором должен быть произведен щелчок для перехода по ссылке.

1. Töltse ki a 5.HTML fájlt a táblázat naplójával, amely tartalmazza a hét napjai nevét, és helyezze el a weboldal tetejére. Page 12 of 16 Gyakorlati munka HTML-ben

5. Mentse az 5.HTML fájlt a személyes munka mappájába.

A képernyőn látni fogja, hogy mi látható a 9. ábrán.

17. ábra - A feladat eredménye 14

Task number 15. Hozzon létre egy linket egy másik HTML dokumentumhoz

A hivatkozások lehetővé teszik, hogy a kijelölt szóra vagy kifejezésre kattintva áthelyezzön egy másik fájlt.

Miután a fájlnév (5.HTML) a ">" és a "<» располагается текст («5 класс»), на котором должен быть произведен щелчок для перехода к этому файлу.

1. Módosítsa a RASP.HTML fájlt

leckék keddre

Page 14 of 16 Gyakorlati munka HTML-ben

2. Mentse a RASP.HTML fájlt

A képernyőn megjelenik a 10. ábrán látható ábra.

18. ábra - A 16. feladat eredménye

Task number 16. Hozzon létre egy linket egy másik HTML dokumentumhoz

A képernyőn megjelenik a 11. ábra.

A link a rajz nyíl

19. ábra - A feladat eredménye 16

Task number 17. Független végső feladat

Készítsen olyan weboldalakat, amelyek az Ön osztályáról tájékoztatnak. Az első oldalon helyezzen el egy történetet az osztályról, az osztálytanítóról. Mondja el a történeteket a diákokról külön weblapokon. Adja meg a weboldalak fejlécéről a hallgatók oldalaira mutató linkeket. Ne felejtsd el elhelyezni a visszatérési linkeket a kezdőlapon.

Hogyan készítsünk el egy jó weboldalt

1. Ügyeljen az oldalain lévő információk egyszerűségére és következetességére. Az információ könnyebb észlelésének egyik módja az, hogy elég szabad helyet hagyjon az oldalon, amely nem tartalmaz szöveget vagy képeket. A sok információt tartalmazó oldal csak elriasztja a látogatót.

2. Próbálja meg az információkat listák vagy táblák formájában megjeleníteni, így könnyen megtalálhatók fontos információk.

3. Ne helyezzen el egy képet közvetlenül a másik után. Próbálja terjeszteni őket a dokumentumnak megfelelően, így elég szabad helyet hagyva.

4. Az információkat olyan részekre kell elhelyezni, amelyek könnyen észlelhetők. Ügyeljen a bekezdések hosszára. Ha a bekezdés túl hosszú, akkor tegye be néhány apró bekezdésbe.

5. Ha a weboldal nagy, akkor talán olyan hivatkozásokat kell elhelyeznie, amelyek lehetővé teszik a felhasználó számára, hogy gyorsan navigáljon egyetlen dokumentum egy részében. Néha célszerű egy hosszú dokumentum helyett elkészíteni egy olyan oldalt, amely egy különálló weblapon megnyitott témák listáját tartalmazza, és hozzon létre kapcsolatokat a releváns weboldalakon.

6. A grafika használata további felhasználókat is vonzhat. Azonban meg kell emlékezned az oldal betöltésének idejére, amelyet a grafikai adatok mennyisége és mennyisége határoz meg. Egy gyönyörű kép nem fog benyomást kelteni, látni, hosszú időbe telik, amíg be nem töltődik.

Kapcsolódó cikkek

• feladat 8

• Szabályok és példák a feladatok - példákkal esszék

• Útmutató a mag angular2, klub programozók

előző ◈ a következő

lecke	5 "A"	5 "B"	1	Orosz nyelv
5. fokozat	6. fokozat
8. fokozat
9. fokozat	10. fokozat
11. fokozat