2. Uitați-vă la pagina Web rezultată.

Puteți utiliza selecțiile text combinate.

orar pregătire pe marți

Dar, în același timp, rețineți următoarea regulă pentru utilizarea etichetelor combinate:

<Тег_1><Тег_2>. - Intrare corectă.

<Тег_1><Тег_2>. - Înregistrări greșite.

Fiți atenți la "cuibăritul" etichetelor, seamănă cu "cuiburile" parantezelor.

Numărul sarcinii 5. Setarea mărimii caracterelor într-o pagină Web

Există două moduri de a controla dimensiunea textului afișat de browser:

utilizarea stilurilor antet,

Specificați dimensiunea fontului documentului principal sau dimensiunea fontului curent.

Se utilizează șase etichete de poziție: de la

până la

(eticheta este dublă, adică necesită închidere). Fiecare etichetă corespunde unui anumit stil specificat de setările browserului.

1. Faceți modificări în fișierul RASP.HTML

Pagina 4 din 16 Lucrări practice pe HTML

pregătire pe marți

Figura 12 - Rezultatul sarcinii 5

Sarcina 6. Setarea dimensiunii fontului curent

Font tag vă permite să setați dimensiunea fontului curent în locuri individuale de text în intervalul de la 1 la 7.

1. Efectuați modificări în textul RASP.HTML

lecții pentru marți

2. Schimbați independent marimea textului "claselor marți", utilizând eticheta .

3. Schimbați designul documentului HTML utilizând eticheta de selecție a fragmentului și feedul de linie și eticheta paragrafului.

Numărul de sarcină 7. Instalarea setului cu cască și a culorii fontului

etichetă oferă posibilitatea de a controla setul cu cască, culoarea și mărimea textului.

Modificarea textului setului cu cască se face simplu prin adăugarea la etichetă atributul FACE. De exemplu, pentru a afișa text cu font Arial, trebuie să scrieți:

Pagina 5 din 16 Lucrări practice pe HTML

Pentru a schimba culoarea fontului, o puteți utiliza în etichetă atributul COLOR = "X". În loc de "X", trebuie să înlocuiți numele de culoare engleză în ghilimele ("") sau valoarea sa hexazecimală. Când se specifică o culoare cu un număr hexazecimal, este necesar să se reprezinte această culoare în trei componente: roșu (R - roșu), verde (G - verde), albastru (B - albastru), fiecare având valoarea de la 00 la FF. În acest caz, avem de-a face cu așa-numitul format RGB.

Exemple de înregistrare a textului în format RGB sunt prezentate în Tabelul 2:

Scrierea textului în format RGB

1. Faceți modificări în fișierul RASP.HTML

orar lecții pentru marți

2. Modificați-vă singur dimensiunea, culoarea, stilul textului documentului.

Numărul sarcinii 8. Alinierea textului pe orizontală

1. Faceți modificări în fișierul RASP.HTML

lecții pentru marți

Pagina 6 din 16 Lucrări practice pe HTML

Figura 12 - Rezultatul sarcinii 8

Numărul sarcinii 9. Setarea culorii și textului de fundal

1. Faceți modificări în fișierul RASP.HTML

lecții pentru marți

Numărul sarcinii 10. Plasarea graficii pe pagina Web

etichetă vă permite să inserați o imagine pe o pagină Web. Acesta va apărea în locul documentului în care se află această etichetă. etichetă este unică.

Amintiți-vă că fișierele grafice trebuie să fie în același folder ca fișierul HTML care descrie pagina. Grafica de pe Web, de regulă, este distribuită în trei formate: GIF, JPG, PNG. Pagina 7 din 16 Lucrul practic pe HTML

Pentru a efectua următoarea lucrare, puneți un fișier numit CLOCK.JPG (sau alt nume) în directorul de lucru.

Trebuie reținut faptul că pentru browser este important în care registru să specificați numele și tipul fișierului. Dezvoltați o regulă pentru dvs. și urmați cu strictețe. Dacă plasați un fișier grafic într-un subfolder, trebuie să specificați calea către fișierul imagine când descrieți imaginea, afișând cuiburile folderelor.

1. Faceți modificări în fișierul RASP.HTML

lecții pentru marți

Pe ecran veți vedea cele afișate în Figura 13.

Figura 13 - Rezultatul sarcinii 13

etichetă are multe atribute descrise în Tabelul 3. Aceste atribute pot fi specificate suplimentar și pot fi localizate oriunde în etichetă după codul IMG.

Numărul de sarcină 11. Utilizarea atributelor de imagine

1. Schimbați singur textul fișierului RASP.HTML: încercați să utilizați atribute grafice cum ar fi ALT, FRONTARE, ALIGN, HEIGHT, WIDTH, VSPACE, HSPACE.

Acordați întotdeauna atenție dimensiunii fișierului grafic (în octeți), deoarece aceasta afectează timpul de încărcare al paginii Web.

Numărul sarcinii 12. Setarea imaginii de fundal pe pagina Web

O imagine de fundal este un fișier grafic cu un model mic, care se repetă de mai multe ori, umplând întreaga fereastră a browserului, indiferent de dimensiunea sa.

Grafica folosită ca fundal este specificată în etichetă .

1. Faceți modificări în fișierul RASP.HTML, după ce ați pregătit și salvat în dosarul de lucru fișierul imagine al tapetului (FON.PNG).

Pagina 9 din 16 Lucrul practic pe HTML

lecții pentru marți

Pe ecran veți vedea ce este prezentat în Figura 6.

Figura 14 - Rezultatul sarcinii 12

Modelul care a fost folosit ca imagine de fundal are forma

Figura 15 - Mod imagine în fundal

2. Experimentați imaginea de fundal a paginii Web și selectați-o pe cea optimă din punctul dvs. de vedere.

Numărul sarcinii 13. Crearea unui tabel

Tabelul face parte din documentul HTML. Este o rețea rectangulară formată din coloane verticale și linii orizontale. O intersecție a unui rând și a unei coloane se numește celulă de tabelă. O celulă poate conține text, grafică sau alt tabel.

Tabelul cuprinde trei părți principale:

Tabelul din documentul Web este completat de rânduri (de la stânga la dreapta în linie, apoi o linie nouă). Fiecare celulă din tabel trebuie să fie umplută (cel puțin cu un spațiu, care este folosit pentru a crea celule goale).

1. Porniți Notepad-ul și tastați textul paginii Web următoare. Folosiți tehnicile de copiere atunci când creați o masă lucrand în Notepad.

2. Salvați fișierul într-un folder personal de lucru sub numele 5.HTML

Pe ecran veți vedea ce este prezentat în Figura 8.

Figura 16 - Rezultatul sarcinii 13

Numărul sarcinii 14. Construirea de legături hipertext

Cel mai important instrument al limbajului HTML este capacitatea de a include link-uri către alte documente din document.

la un fișier HTML la distanță,

la un moment dat în documentul HTML curent,

pe orice fișier care nu este un document HTML.

Orice text sau grafică poate fi folosit ca referință.

Referințe într-un singur document

Înainte de numele etichetei (MN), care indică unde să se ducă la link, este plasat simbolul #. Între simbolurile ">" și "<” располагается текст (“Понедельник”), на котором должен быть произведен щелчок для перехода по ссылке.

1. Completați fișierul 5.HTML cu o descriere a tabelului care conține numele zilelor din săptămână, plasându-l în partea de sus a paginii Web. Pagina 12 din 16 Lucrări practice pe HTML

5. Salvați fișierul 5.HTML în dosarul personal de lucru.

Pe ecran veți vedea ce este prezentat în figura 9.

Figura 17 - Rezultatul sarcinii 14

Numărul de activitate 15. Creați un link către un alt document HTML

Linkurile vă permit să faceți clic pe un cuvânt sau o expresie selectate pentru a vă deplasa la alt fișier.

După numele fișierului (5.HTML) între caracterele ">" și "<» располагается текст («5 класс»), на котором должен быть произведен щелчок для перехода к этому файлу.

1. Faceți modificări în fișierul RASP.HTML

lecții pentru marți

Pagina 14 din 16 Lucrul practic pe HTML

2. Salvați fișierul RASP.HTML

Pe ecran veți vedea ce este prezentat în figura 10.

Figura 18 - Rezultatul sarcinii 16

Numărul taskului 16. Creați un link către un alt document HTML

Pe ecran veți vedea ce este prezentat în Figura 11.

Legătura este săgeata de desen

Figura 19 - Rezultatul sarcinii 16

Numărul sarcinii 17. Sarcina finală independentă

Dezvoltați pagini Web care vă vor spune despre clasă. Pe prima pagină puneți o poveste despre clasă, profesorul de clasă. Spuneți povesti despre elevii pe pagini Web separate. Specificați legăturile către paginile elevilor de la capul paginii Web. Nu uitați să plasați link-urile de returnare pe pagina de pornire.

Cum de a pregăti o pagină web bună

1. Acordați atenție simplității și coerenței informațiilor de pe paginile dvs. O modalitate de a face mai ușoară perceperea informațiilor este să lăsați suficient spațiu liber pe pagina care nu conține text sau imagini. O pagină care conține multe informații îi va speria pe vizitator.

2. Încercați să prezentați informații sub formă de liste sau tabele, astfel încât să puteți găsi cu ușurință informații importante.

3. Nu plasați o imagine imediat după alta. Încercați să le distribuiți conform documentului, lăsând suficient spațiu liber.

4. Informațiile trebuie plasate în părți ușor de perceput. Acordați atenție la lungimea paragrafelor. Dacă paragraful este prea lung, rupeți-l în mai multe paragrafe mici.

5. Dacă pagina Web este mare, atunci ar trebui să introduceți link-uri care permit utilizatorului să navigheze rapid între părți ale unui singur document. Uneori este logic să pregătiți, în loc de un document lung, o pagină care să conțină o listă de subiecte, fiecare dintre care să fie deschisă pe o pagină web separată și să stabilească legături către paginile Web corespunzătoare.

6. Utilizarea graficii poate atrage și utilizatori. Dar trebuie să vă amintiți timpul de încărcare a paginii dvs., care este determinat de cantitatea și volumul de informații grafice. O imagine frumoasă nu va face nici o impresie, a văzut-o, va dura mult timp până se încarcă.

Articole similare

• Activitatea 8

• Reguli și exemple de îndeplinire a unor sarcini parțiale - cu exemple de eseuri

• Ghid pentru munca de bază cu unghiular2, club pentru programatori

Pagina anterioară

Pagina următoare

lecție	5 "A"	5 "B"	1	Limba rusă
Gradul 5	Gradul 6
Gradul 8
Gradul 9	Gradul 10
Gradul 11