Lucrările de laborator numărul 2 sunt simple și investite. Crearea de tabele HTML.

Scopul lucrării: cu locația și testarea fișierului HTML. Crearea listelor. Introduceți tabelele și structura acestora. Page maketling folosind tabele.

Informații teoretice scurte

Există trei tipuri principale de liste în documentul HTML: o listă numită de definiții etichetate

Putem crea liste investit folosind etichete diferite liste sau repetând unul în interiorul celorlalte. Pentru a face acest lucru, trebuie doar să plasați o pereche de etichete (începând și finala)

În interiorul altui. Dacă elementele listei atașate vor avea aceiași markeri care indică elementul de listă - depinde de browser. Uită-te în detaliu în secțiunea "Liste entendate".

Liste numerotate

Într-o listă numerotată, browserul introduce automat numerele elementelor în ordine. Aceasta înseamnă că, dacă ștergeți unul sau mai multe elemente ale listei numerotate, celelalte numere vor fi recalculate automat.

Lista numerotată începe prin eticheta de pornire

Și se termină eticheta

1. Programare

2. Algoritmizare

3. Design

Etichetă

Poate avea parametri:

unde: Tipul de Tip de Counter:

A - Litere latine mari (A, B, C ...) A - Leturi latine (A, B, C ...) I - figuri mari romane (I, II, III ...) I - Figuri mici romane (I, II, III ...) 1 - Numere obișnuite (1,2,3 ...)

start \u003d "N" este un total de la care începe numărarea, de exemplu:

15. Programare
16. Algoritmizare
17. Proiecta

Xv. Programare

XVI. Algoritmizare

XVII. Proiecta

Liste marcate.

Pentru listele de etichete, browserul utilizează de obicei marcaje pentru marcarea elementului de listă. Tipul markerului, de regulă, configurează un utilizator de browser.

Lista de etichete începe prin eticheta de pornire

Și se termină eticheta
. Fiecare element al listei începe cu eticheta
1. . De exemplu:

2. Programare
3. Algoritmizare
4. Proiecta

Programare

Algoritmizare

Proiecta

Etichetă

Poate avea un parametru:

Tip tag.

Determină. aspect Marcator ca o vizualizare implicită (disc), rotundă (cerc) sau pătrat (pătrat). De exemplu:

• Programare
• Algoritmizare
• Proiecta

 Programare

 algoritmizare

 Design.

Liste de definiții.

< dl>… - Tag-ul pereche - afișează liste de definiții.

Proiecta:

Termen

Definiția termenului

Cu etichetă

Puteți utiliza atributul compact pentru a seta o locație mai compactă a elementelor listei.

Proiecta:

Termen

Definiția termenului

Tabelele din HTML sunt organizate ca un set de coloane și rânduri. Celulele celulare pot conține elemente HTML, cum ar fi titluri, liste, paragrafe, cifre, grafice și elemente de formă.

Tabelul de tabel de bază:

...

Acestea sunt etichetele principale care descriu tabelul. Toate elementele tabelului trebuie să fie în interiorul acestor două etichete. În mod implicit, tabelul nu are încadrare și separatoare. Încadrarea este adăugată de atributul de frontieră.

Rândul de masă: ...

Numărul de rânduri ale tabelului este determinat de numărul de perechi de etichete participante ... Rândurile pot avea aliniați atributele și valioșie, care descriu poziția vizuală a conținutului rândurilor din tabel.

Celula de masă: ...

Descrie o celulă de masă standard. Celula de masă poate fi descrisă numai în interiorul rândului de masă. Fiecare celulă trebuie să fie numerotată de numărul difuzorului pentru care este descris. Dacă nu există nici una sau mai multe celule în rând pentru unele coloane, browserul afișează o celulă goală. Localizarea datelor din celula implicită este definită de atributele align \u003d "Stânga" și Valign \u003d "Middle". Această locație poate fi corectată atât la nivelul descrierii șirului, cât și la nivelul descrierii celulei.

Orice celulă din tabel poate fi determinată nu etichete

…și etichete … - antetul tabelului (titlul tabelului). Th.

este o celulă convențională, dar textul din cadrul acestor etichete va fi evidențiat cu caractere aldine și centrat.

Semnătură: ...

Această etichetă descrie numele tabelului (semnătură). Etichetă trebuie să fie prezenți în interior

..., dar în afara descrierii oricărui șir sau celulă. Mod implicit Are un atribut align \u003d "top", dar poate fi instalat în mod explicit în align \u003d "fund". Alinia.

determină unde se va aplica tabelul de sus sau de jos. Semnătura este întotdeauna centrată în cadrul lățimii tabelului.

Atributele de bază Tabelul de frontieră

Acest atribut este utilizat în tag-ul de masă. Dacă acest atribut este prezent, limita tabelului este trasă pentru toate celulele și pentru masă ca întreg. Frontiera poate lua o valoare numerică care determină lățimea limitei, de exemplu granița \u003d "3".

cavaler cu baril. 19 septembrie 2012 la 11:16

Erori pentru a evita când scrieți codul HTML

Toți cei care lucrează în fiecare zi cu HTML trebuie să fie foarte atenți, deoarece nu este atât de ușor să urmați toate regulile HTML. Acest lucru este foarte important, deoarece validatorul HTML găsește totul, chiar minor, defecte și obțineți codul paginii cu erori. Astăzi vom încerca să acordăm atenție celor mai frecvente dintre ele. Sunt încrezător că recomandările propuse vor fi foarte utile pentru mulți și în special începători, dezvoltatori. Atât de bineveniți sub

Greșit cuibare html etichete

Este foarte important să închideți corect totul. Tag-uri HTML.. Trebuie să se închidă ordine inversă Comparativ cu modul în care au fost deschise. Majoritatea începătorilor nu plătesc atenția cuvenită. Dacă etichetele sunt închise în ordinea greșită, veți primi erori în validare, iar unele stiluri nu vor fi utilizate. Atenție!

Eroare

Textul tau

Calculator

Textul tau

Folosind elemente bloc în interiorul literei mici

Toți cei care cel puțin puțin folosiți HTML în practică știu că elementul poate fi afișat sau ca un bloc sau ca șir. Elemente bloc, inclusiv paragrafele și partițiile trebuie să conțină litere mici. Acesta este un document logic Strest, deci asigurați-vă că codul dvs. corespunde acestuia.

Elemente minuscule populare: , , ,
Elemente de bloc populare:

,

…

,

,

,
, ,

Eroare

Eroare

Calculator

Conform standardului

Utilizarea incorectă a listelor

Etichetele OL și UL pot fi utilizate pentru a afișa elementele de listă în mai multe moduri. De asemenea, veți obține o mulțime de avantaje suplimentare. Etichetele listei sunt foarte utile pentru a forma informațiile pentru afișarea corectă. Vă recomandăm să refuzați să utilizați citate la crearea listelor. Motoarele de căutare se referă, de asemenea, la utilizarea listelor, deoarece ajută la structurarea informațiilor de pe pagină. Utilizați etichete standard în loc de hacks.

Folosind stiluri în cod

Probabil ați auzit deja că utilizarea stilurilor din cod este rea. Nu credeai, de ce este așa? Motivul este că HTML CSS și semantic sunt concepute tocmai pentru separarea conținutului de designul său. Un astfel de model oferă o flexibilitate mult mai mare și o comoditate de a lucra cu documente.

Eroare

Textul tău minunat

Ignorarea etichetei Tagov.

Antetele etichetelor sunt concepute pentru a evidenția anteturile într-o partiție separată pe pagină. Standardul sugerează utilizarea pentru aceste etichete de la

inainte de

. Designul și aspectul textului în ele pot fi oricare, dar lăsați documentul să fie structurat corect!

Eroare Titlul dvs. minunat

Textul articolului dvs.

Calculator

Titlul dvs. minunat

Textul articolului dvs.

Utilizarea incorectă a etichetei formularului

Cu toate acestea, adesea facem o greșeală creând forme și mese în HTML. Amintiți-vă că tabelul trebuie creat deja în interiorul formularului!

Eroare

...

Calculator
...

Atribut non-utilizare alt.

Când lucrați cu imagini, trebuie să utilizați atributul ALT. Este necesar, deoarece utilizatorii vor putea determina ce ar trebui să fie la locul imaginii, chiar dacă se utilizează o conexiune foarte lentă. Această valoare ar trebui să descrie esența imaginii utilizate. Nu utilizați niciodată alt \u003d "imagine". Dacă imaginea efectuează funcții pur decorative, apoi utilizați alt \u003d "*".

Eroare Calculator

Etichete greșite pentru evidențierea grăsimilor sau italicelor

Cu toate că și În majoritatea cazurilor, se confruntă perfect cu sarcinile lor, utilizarea stilurilor pentru proiectarea textului vă permite să obțineți o flexibilitate mult mai mare. Dacă eticheta ar trebui să sublinieze pur și simplu valoarea unei anumite părți a textului, apoi utilizați etichete și .

Utilizarea inutilă a transferului de rând

Etichetă
Acesta poate fi utilizat o dată într-un șir pentru a începe următoarea propunere pe linia următoare. Mulți folosesc această etichetă pentru a crea o distanță între elemente. Această utilizare nu respectă standardele.

Eroarea este primul paragraf.


Text continuu. Calculator

Primul paragraf.

Text continuu.

Tag-uri: html, erori

Formatarea textului în HTML - Metode și exemple - 4.0 din 5 bazate pe 1 vot

Cum să-l schimbați la paragrafe și am luat în considerare în lecțiile anterioare.

În această lecție, vom analiza modul în care formatarea textului în HTML poate fi formatată și ce etichete există pentru acest lucru.

În primul rând, luați în considerare modul în care puteți schimba tipul de text utilizând eticheta și pereche închide-o. Taga. Există mai multe atribute. Folosind atributul Face \u003d "", puteți seta fontul de text. Pentru a face acest lucru, între citatele din fața atributului \u003d "" Trebuie să înregistrați numele fontului.

De exemplu: Textul tau

În acest exemplu, fontul arial a fost setat și întregul text stratificat între etichete va fi afișat de acest font. Puteți specifica unul, ci mai multe fonturi prin virgulă, în acest caz, primul font de potrivire va fi selectat din listă. Aceasta este, dacă de exemplu, primul font din sistemul utilizatorului care sa scurtat la pagina dvs. nu va fi, atunci cel de-al doilea font va fi selectat.

Acest lucru este scris: Textul tau

Odată cu alegerea fontului, trebuie să fiți atenți. Nu este nevoie să indicați diferite fonturi exotice. Pentru că ei pot să nu fie pe computerul vizitatorului dvs. Cel mai bine este să utilizați fonturile standard, cum ar fi Arial, Times Roman, Vernada, Tahoma.

Următorul atribut etichetă Aceasta este dimensiunea \u003d "". Folosind acest atribut, puteți seta dimensiunea fontului. Pentru aceasta, între citate, trebuie să specificați numărul de la 1 la 7.

De exemplu: Textul tau

În plus, există un alt grup de etichete HTML utilizate pentru formarea textului, cu textul lor, puteți fi evidențiat cu caractere aldine, italice, accentuați sau cruce.

Puteți face textul cu o etichetă și pereche închide-o. Textul situat între aceste etichete va fi grăsime. În plus, textul îndrăzneț poate fi făcut cu eticheta și pereche închide-o. Pentru a evidenția cuvintele cheie pe pagină este mai bine să utilizați a doua etichetă.

De exemplu: Thumbnail.

Puteți face text în italic cu etichetă Textul situat între aceste două etichete va avea o pantă spre dreapta.

De exemplu: Text în italică

Textul subliniat se poate face cu eticheta și pereche închiderea etichetei sale. În textul plasat între aceste etichete, linia va avea loc.

De exemplu: Textul subliniat

Textul încrucișat poate fi creat folosind o etichetă și pereche închiderea etichetei sale Textul anexat între aceste etichete va fi în centru, a trecut linia.

De exemplu: Lista textului

Următorul etichetă HTML utilizată pentru a forma textul și aburul închiderea ei. Textul încheiat între aceste etichete va fi mai mare față de cea principală.

De exemplu: Text mare.

Etichetă și aburul închiderea ei Opusul direct al etichetei examinate este ușor mai mare. Textul anexat între aceste etichete va fi mai mic în raport cu textul principal.

De exemplu: Little text

Ei bine, în cele din urmă, trebuie să luăm în considerare încă două etichete pe care le etichetează care definesc indicele superior, adică textul situat între aceste etichete va fi mai mic și afișat în partea de sus în raport cu fontul principal.

De exemplu: ^Superscript

Și etichete Determină indicele inferior. Testul, între aceste etichete deținut, va fi situat sub textul principal.

De exemplu: _{Indicele inferior}

Iată de fapt cu ajutorul datelor TAG, puteți defini unul sau altul stil de fonturi și formatați formatarea textului în HTML.

Material preparat de portal:

Browser.	Internet Explorer.			Netscape.			Operă.			Safari.	Mozilla.	Firefox.
Versiune	5.5	6.0	7.0	6.0	7.0	8.0	7.0	8.0	9.0	1.0	1.7	1.0	2.0
Sprijinit	da	da	da	da	da	da	da	da	da	da	da	da	da

Descriere

Etichetă Este un container pentru a schimba caracteristicile fontului, cum ar fi dimensiunea, culoarea și setul cu cască. Deși această etichetă este încă acceptată de toate browserele, este considerată caduce și se recomandă refuzarea de a refuza stilurile.

Sintaxă

Text

Tag-ul de închidere

Obligatoriu.

Parametri

Culoare Setează culoarea textului. Fața determină setul cu cască al fontului. Dimensiunea setează dimensiunea fontului în unitățile convenționale.

Exemplu 1. Utilizarea unei etichete










P.Șeful acestei propuneri este scris de fontul arial, este evidențiat în roșu și a crescut în dimensiune.





Descrierea parametrilor etichetei

Parametrul de culoare

Descriere

Setează culoarea textului în interiorul recipientului .

Sintaxă

...

Argumente

Valoarea culorii poate fi setată în două moduri.

1. Prin numele său

Browserele acceptă câteva culori în funcție de numele lor.

2. În valoarea hexazecimală

Pentru setarea culorilor, numerele sunt utilizate în codul hexazecimal. Sistemul hexazecimal, spre deosebire de sistemul zecimal, se bazează, după cum rezultă din numele său, printre numărul 16. Numerele vor fi următoarele: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Cifrele de la 10 la 15 sunt înlocuite cu litere latine. Numerele sunt mai mari de 15 în sistemul hexazecimal sunt formate prin combinarea a două numere într-una. De exemplu, numărul 255 din sistemul zecimal corespunde numărului FF în sistemul hexazecimal. Pentru a nu confunda confuzia în definiția sistemului numeric, simbolul grilă este setat înainte de hexazecimal, de exemplu # 666999. Fiecare dintre cele trei culori este roșu, verde și albastru - poate lua valori de la 00 la ff. Astfel, desemnarea culorii este împărțită în trei componente #rrggb, unde primele două caractere marchează componenta roșie a culorii, două medii - verde, iar ultimele două sunt albastre.

CSS analogic.

Valoare implicită

Culoarea instalată în browserul implicit.

Parametru Face

Descriere

Parametrul față este utilizat pentru a seta setul cu cască al fontului utilizat pentru text. Numele fonturilor pot fi aduse mai multe prin virgule. În acest caz, dacă se găsește primul font specificat, browserul va utiliza următoarele pe listă.

Sintaxă

...

Argumente

Orice număr de nume de fonturi separate prin virgule. Familiile universale de fonturi:
serif - fonturi cu serif (antic), timp de tip;
sans-serif - fonturi tocate (fonturi fără adidași sau grotesc), reprezentant tipic - arial;
cursive - fonturi clare;
fantezie - fonturi decorative;
monospace - Fonturi monohilate, lățimea fiecărui simbol din aceeași familie este aceeași.

CSS analogic.

Valoare implicită

Fontul instalat în browserul implicit.

Opțiunea de dimensiune

Descriere

Dimensiunea fontului în unitățile convenționale de la 1 la 7. Dimensiunea medie utilizată în mod implicit este recepționată 3. Dimensiunea fontului poate fi specificată ca o valoare absolută (de exemplu, dimensiunea \u003d "4") și relativă (de exemplu, dimensiunea \u003d dimensiunea \u003d "+ 1", dimensiune \u003d "- 1"). În acest din urmă caz, dimensiunea variază în raport cu baza. Dimensiunea fontului afectează nu numai parametrul de dimensiune specificat, ci și alegerea setului cu cască al fontului. Deci, fontul arial arată mai mare decât fontul de timp, iar fontul Verdana este un font ușor arial. Luați această caracteristică atunci când alegeți un font și dimensiuni.

Sintaxă

...

Argumente

Un număr întreg de la 1 la 7 sau o modificare a valorii la o parte mare sau mai mică utilizând simboluri + și -.

Întrebări la test

Ce este HTML? Câte etichete obligatorii sunt cunoscute? Între ce etichete este numele documentului? Ce pereche de etichete determină paragraful din document? Antetul celui de-al doilea nivel, ameliorată de marginea dreaptă, este stabilită de etichetă: Cum să mergeți la limba engleză. Etichetele de limbă sunt înregistrate pe marginea dreaptă, în centru, în lățime: absența în antetul etichetelor sau paragraful parametrului de aliniere duce la alinierea textului prin: Ce etichete nepermanente știți linia orizontală 50% lățime, groasă 2 pixeli, culoarea gresită, albastră este setată la etichetă pentru ceea ce este necesar În HTML? Ce 2 tipuri (metode) de formatare text în documentul HTML vă sunt cunoscute? Ce etichete trebuie să fie aplicate pentru a obține texte îndrăznețe zdrobite? Ce arată un fragment de cod care oferă un text de croazieră și subliniat: ce etichete schimbă textul în raport cu nivelul principal al șirului (lung și substituție)? Care este eticheta de formatare aparțin parametrilor față, culorilor și mărimilor? Ce se întâmplă dacă fontul specificat în parametrul feței nu este instalat pe computer? Ce etichete cu numiri diferite sunt aceleași (italice) afișează textul? Ce porerizează dacă eticheta Va deveni închis? Dacă aveți nevoie să afișați o pagină de text monohyrawn, o veți utiliza folosind etichete: interpretați următorul fragment de cod:
Vesel html. Ce este hipertext? Specificați părțile compozite ale oricăror linkuri? Pentru organizarea de referințe din indicele de document. HTM pe cartea de documente. HTM, situat în același director, trebuie să scrieți un șir: Ce fel este hyperlinkul obișnuit (fără stiluri suprapuse pe acesta)? Ce se întâmplă dacă fișierul la care vă referiți lipsește? Cum se va referi la fișierul index. HTM, situat la rădăcină, pe fișierul rulunki. HTM, situat în folderul de imagine, care este investit în dosarul Shedevr? În ce cazuri este recomandabil să se aplice legături interne? Pentru a face o legătură internă la secțiunea "Ediție" (ancora Izdan) din secțiunea "Ediție" (ancora-Izdan): Explicați semnificația următorului fragment: Concluzie Cum se face o legătură la cutia poștală ***** @ *** RU Ce determină parametrul Bgcolor? Ce sisteme numerice sunt folosite pentru a reprezenta culorile în HTML? Ce culoare este reprezentată de albastru? Ce fel de pagină HTML are fără prezența parametrilor de etichetare a corpului? Marcați trupa corectă a atributelor parametrilor corpului etichetei? Ce parametru este culoarea legăturii vizualizate? Câți parametri ai etichetei corpului Setarea limitelor câmpurilor de documente HTML Știți ce tag-ul parametrilor vă permite să puneți un document ca fundal - o imagine? Ce etichetă este dată o listă numerotată și marcată? Cum să schimbați tipul de marker pe pătratul încurcat? Cum să efectuați o combinație de celule verticale de masă? Orizontal?