Structura paginii html-web (html-document)

copie

2 2 1. Structura documentului: Setarea secțiunilor documentului: .. desemnarea documentului în ansamblu; . desemnarea titlului documentului; . desemnarea antetului extern al documentului; .

corpul documentului; Fig. 1. Pagina de Internet a conținutului textului. Fig. 2. Codul HTML al paginii web prezentat în Fig. 1.

dacă ($ this-> show_pages_images $ page_num doc ['images_node_id']) // $ Foarfecă = Library :: get_smart_snippet ($ text, DocShare_Docs :: CHARS_LIMIT_PAGE_IMAGE_TITLE); $ snips = Bibliotecă :: get_text_chunks ($ text, 4); ?>

4 4 Fig. 3. Pagina de Internet a conținutului textului. Fig. 4. Codul HTML al paginii web prezentat în Fig. 3.

5 5 Algoritmul pentru crearea listelor în pagina Internet (HTML-document) 1. Specificați lista ca un întreg cu desemnarea proprietăților (atributelor) necesare. 2. Indicați fiecare element al listei în lista desemnată. Etichetele principale utilizate pentru a crea liste în documente HTML: 1. Liste de formatare: Setarea parametrilor listei cu colturi:

. desemnează o listă marcată cu atribute: type = "." definește tipul de marcator: marker pătrat sub forma unui pătrat (); discul marcat în formă de cerc (); cerc de cerc sub forma unui cerc (); Setarea parametrilor listei numerotate:

. desemnează o listă numerotată cu atribute: type = "." definește formatul numărului: 1 numerotare cu cifre arabe; O numerotare cu majuscule latine; și numerotarea în litere mici; Am numerotat prin cifre romane; numerotarea în litere mici; start = "." "specifică numărul numărului inițial (literă). Specificarea unui element pentru orice listă:

o denumire de listă indiferent de tipul listei. 2. Denumiri suplimentare de listă: . lista de conținut a dosarului;

. desemnarea listei de definiții; . desemnează o listă de meniuri. 3. Utilizarea imaginilor ca elemente de listă:

. desemnează o imagine externă ca element de listă.

6 6 Fig. 5. Pagina de Internet a conținutului de text care utilizează liste. Fig. 6. Codul HTML al paginii web prezentat în Fig. 5. Pentru a pune în aplicare liste pe mai multe niveluri (punerea în aplicare a sublevels se face sub formă de liste independente), se folosește cuibăritul de liste între ele (din punctul de vedere al numelor de etichete pentru liste ca întreg). Fig. 7. Pagina de Internet a conținutului text utilizând listele pe mai multe niveluri Fig. 8. Codul HTML al paginii de Internet prezentat în Fig. 7

7 7 Algoritmul de creare a tabelelor în pagina Internet (HTML-document) 1. Specificați tabelul în ansamblul său cu denumirea proprietăților (atributelor) necesare. 2. Indicați rândurile tabelului cu desemnarea proprietăților (atributelor) necesare. 3. Indicați pe fiecare rând al tabelului coloanele corespunzătoare cu desemnarea proprietăților (atributelor) necesare. Etichetele principale folosite pentru a crea o tabelă în documente HTML: 1. Formatarea tabelelor: Formatarea tabelului în ansamblu:

desemnarea unui tabel cu atribute. Formatarea unui rând de tabel: . titlul barei de titlu a tabelului cu atribute. . desemnarea rândului de tabel cu atribute. Formatarea coloanei: . Denumirea coloanei pentru rândul de antet al tabelului cu atribute. . desemnarea coloanei pentru un rând de tabele cu atribute. Atribute comune pentru a desemna componentele unei tabele (tabelul în ansamblu, rândul sau coloana din rândul tabelului): width = "." Lățimea componentei tabelă în pixeli sau ca procent din lățimea ferestrei. "Înălțimea componentei de masă în pixeli sau ca procent din înălțimea ferestrei. bgcolor = "" Culoarea de umplere a componentei. lățimea frontală a componentei. "Culoarea granițelor componentei, cellpadding =". "Cantitatea de indentare a datelor din limitele celulei în cadrul componentei examinate. cellspacing = "." este cantitatea de spațiu liber între limitele celulelor vecine în componenta examinată. Algoritmul de aliniere a datelor pe orizontală în celule (pentru o coloană sau rând) sau pe tabel ca întreg: din stânga la stânga; centru în centru; dreapta pe dreapta; justificați prin lățime. Valign = "." tipul de aliniere a datelor pe verticală în celule (pentru o coloană sau rând) sau o tabelă în ansamblu: apăsarea de sus în partea de sus a celulei; mijlocul în centrul celulei; prin apăsarea la partea inferioară a celulei; linia de bază linia de bază. Atribute individuale pentru a indica celulele din tabel: colspan = "." Numărul de celule care sunt combinate într-un rând (numărul de coloane). "numărul de celule care sunt combinate într - o coloană (numărul de rânduri). nowrap anulează înfășurarea cuvintelor în rânduri dintr-o celulă.

8 8 Fig. 9. Pagină web a conținutului de text folosind o tabelă de structură simplă (fără combinarea celulelor) Fig. 10. Codul HTML al paginii web prezentat în Fig. 9

9 9 Fig. 11. Pagina de Internet a conținutului de text utilizând o tabelă cu structură complexă (cu celule care fuzionează) Fig. 12. Codul HTML al paginii web prezentat în Fig. 11

12 12 radio pentru a implementa o selecție unică dintr-un grup de elemente (cu un cerc): name = numele variabilei butonului radio; dimensiune = dimensiunea butonului radio; selectat selectat. poziția cercului; valoare = buton radio; ( 9600 bps bit / s); bifați o pătrată cu un marcaj pentru implementarea opțiunilor multiple dintr-un grup de elemente (opțiuni multiple, prin setarea casetelor de selectare): name = numele variabilei pătratului; dimensiunea = dimensiunea pătratului; selectat selectat. bifați poziția; valoare = buton radio; ( Calculatoare personale stații de lucru Servere de Internet); trimiteți controlul formularului pentru a trimite date către server (buton cu o inscripție): name = nume variabil al butonului; valoare = inscripția de pe buton; (); butonul de formare a butonului pentru acțiuni de implementare în forma paginii de Internet (buton cu inscripție): nume = numele variabilei butonului; valoare = inscripția de pe buton; onclick = implementarea acțiunilor la apăsarea butonului; (); reset Resetați toate datele introduse la valorile implicite (buton cu o inscripție); name = numele variabilei butonului; valoare = inscripția de pe buton; ( ); 3.