Zona evidențiată a textului;
- font aldine;
- italic, font italic;
- text barat;
- text mai mic;
- superscript;
- indice;
- text preformatat;
- termen;
- titluri;
- oferta scurta in-line;
- citat;
- nota de subsol la denumirea materialului;
- codul programului;
- rezultatul ieșirii unui program de calculator;
- intrare de la tastatură;
- variabila program de calculator.

Fiecare dintre aceste etichete este dedicată unei pagini separate din directorul nostru. Puteți accesa el făcând clic pe numele etichetei.

Etichete pentru evidențierea fragmentelor de text

Eticheta este folosită pentru a evidenția secțiuni importante de text. Browserele afișează de obicei textul într-o etichetă cu font aldine. - etichetă de selecție logică. Utilizând-o, indicați importanța textului în zona evidențiată.

O bucată importantă de text

Eticheta este folosită pentru a concentra atenția, pentru a „sublinia” o bucată de text. Browserele afișează de obicei textul dintr-o etichetă cu caractere cursive. - etichetă de selecție logică.

Fragment accentuat

Eticheta este folosită pentru a evidenția o bucată de text.

Fragment evidențiat

Eticheta este folosită pentru a scrie text cu caractere aldine. Eticheta de formatare fizică nu acordă pondere logică selecției. Utilizați eticheta numai dacă natura selecției nu se potrivește cu semnificația unei alte etichete de formatare a textului.

Text îngroșat

Eticheta este folosită pentru a scrie text cu caractere cursive. Utilizați eticheta numai dacă natura selecției nu se potrivește cu semnificația unei alte etichete de formatare a textului.

Text cu caractere cursive

Eticheta este folosită pentru a indica incorectitudinea sau irelevanța fragmentului selectat. Textul din interiorul etichetei este afișat cu barat.

Text tăiat

Eticheta este folosită pentru a scrie text într-o dimensiune mai mică a fontului.

Text mai mic

Eticheta este folosită pentru a crea text de indice.

_{Textul indicelui}

Eticheta este folosită pentru a crea text în superscript.

^{Text în indicele}

Eticheta indică faptul că textul din interior ar trebui să fie afișat în formatul în care a fost scris în editor: ținând cont de numărul de spații dintre cuvinte și păstrând poziția liniilor.

Text preformatat

Etichete care stabilesc esența conținutului

Etichetele indică faptul că conținutul este un titlu (subtitlu).

- titlul de cel mai înalt nivel,

- cel putin. Titlurile definesc structura textului unui document HTML. Browserele evidențiază de obicei titlurile în dimensiunea fontului, în funcție de nivelul titlului.

Titlu

Eticheta indică faptul că conținutul este un termen. Browserele afișează de obicei conținutul etichetelor cu caractere cursive.

Termen

Eticheta este folosită pentru a indica o secțiune scurtă citată într-un rând de text. Browserele afișează de obicei conținutul etichetei între ghilimele.

Citat scurt

Etichetă font monospațiu.

Rezultatul de ieșire al unui program de calculator

Eticheta indică faptul că conținutul este introdus de la tastatură. Browserele afișează de obicei text într-o etichetă într-un font monospațial.

Intrare de la tastatură

Eticheta indică faptul că conținutul este o variabilă a unui program de calculator. Browserele afișează de obicei textul dintr-o etichetă cu caractere cursive.

Variabila programului de calculator

Etichete de formatare a textului

Majoritatea site-urilor web prezintă informații sub formă de text. Chiar și pe site-urile dedicate muzicii, fotografiei sau picturii, textul este prezent sub forma de tot felul de explicații. Și suntem obișnuiți să vedem text conceput în așa fel încât să fie convenabil de citit: cu margini, paragrafe, titluri etc., i.e. formatat. Dar adevărul este că dacă plasăm text frumos formatat în corpul unui document HTML (de exemplu, copiem un document terminat din Word) și ne uităm la această creație într-o fereastră de browser, vom vedea pur și simplu un set de propoziții care sunt destul de incomod de citit. Trebuie să explicăm browserului cum ar trebui să arate textul nostru persoanelor care folosesc etichete.
Să începem cu ceea ce am menționat deja. Să presupunem că avem un document perfect conceput într-un editor de text și vrem să-l arătăm în această formă. Există o etichetă de container pentru asta

...

...

• LEFT - aliniere la stânga,
• CENTRUL - alinierea la centru,
• DREAPTA - alinierea la dreapta si
• JUSTIFY - alinierea latime

Valoarea implicită este alinierea la stânga. Un exemplu de utilizare a acestei etichete este următorul paragraf. Este scris în interiorul etichetei:

Forțați eticheta de linie nouă
. Spune browserului unde să întrerupă o linie și să înceapă una nouă. Nu are parte de inchidere. Este folosit, ca și eticheta, pentru a separa paragrafe, dar spre deosebire de ea nu lasă o linie goală. Utilizarea acestei etichete în HTML este similară cu utilizarea tastei ENTER în Word. Are un parametru CLEAR, care oprește înfășurarea imaginii. Despre utilizarea sa - în articolul despre utilizarea graficii.

Etichetă care interzice fluxul de rând - ... . Tot textul plasat în interiorul acestei etichete va fi afișat de browser într-o singură linie. Aceasta este ceea ce observați în exemplul acestei linii. Puteți permite totuși browserului să traducă o linie într-un anumit punct al textului din această etichetă dacă puneți eticheta în locul potrivit . După această etichetă, după cum puteți vedea, browserul a început o nouă linie.
Etichete de titlu

-

. Etichete containere. Textul plasat în ele este afișat ca titlu. Are o opțiune de aliniere orizontală similară cu eticheta

Partea de închidere este necesară. Exemple:

Titlu de primul nivel.

Titlu de al doilea nivel cu aliniere la centru.

Un titlu al șaselea nivel cu aliniere la dreapta.

Etichetă de linie orizontală

---

. Desenează o linie orizontală. Are parametri

• ALIGN - alinieri cu valorile LEFT, RIGHT sau CENTER.
• WIDTH - setează lungimea liniei în pixeli sau procent din fereastra browserului.
• SIZE - setează lățimea liniei în pixeli.
• NOSHADE - anulează relieful liniei.
• CULOARE - specifică culoarea liniei în format RGB sau un nume standard.

Ei bine, de exemplu:

Această linie este trasată cu o etichetă cu următorii parametri:

---

.
Există destul de multe etichete care sunt folosite pentru a formata textul. Unele dintre ele sunt recomandate pentru utilizare în foile de stil, altele sunt marcate în specificația HTML-4.0 ca învechite și nu sunt recomandate pentru utilizare, deoarece browserele versiunilor noi pot înceta să le accepte. Sunt destui dintre cei pe care i-am considerat pentru a face documentul destul de atractiv. În articolul următor voi vorbi despre utilizarea etichetelor de formatare a fonturilor, dar deocamdată ai timp să exersezi cu ceea ce s-a discutat în acest articol.

Etichete utilizate pentru formatarea fonturilor.

Pentru a afișa corect și atractiv informațiile pe pagina dvs., va trebui nu numai să aranjați corect paragrafele, să rupeți o linie în locul potrivit etc., ci și să puneți accent în text, adică să evidențiați ceva cu caractere aldine, să scrieți ceva diferit. culoare, a sublinia ceva etc. Pentru toate aceste cazuri, există etichete corespunzătoare în HTML. Să ne uităm la câteva dintre ele, cele mai des folosite. Nu este nevoie să descrii toate etichetele la rând aici, deoarece... După ce stăpâniți utilizarea mai multor, puteți folosi cu ușurință restul.

• ... - evidențiază textul plasat în interior cu caractere aldine.
• ... - evidențiază textul plasat în interior cu font italic.
• ... - evidentiaza textul plasat in interior prin subliniere.
• ... - font mai mare.
• ... - font mai mic.
  Un mic comentariu- Puteți utiliza etichete de formatare fizică și etichete de formatare logică pentru a forma fonturi. Diferența dintre ele este că etichetele de formatare fizică oferă browserului o indicație specifică cu privire la fontul în care să imprime textul, în timp ce etichetele de formatare logică îi spun doar că textul ar trebui să difere de normal într-un fel sau altul. De exemplu, în loc de etichete ...Și ... puteți folosi eticheta
• , care are parametri
  FACE - setează tipul fontului,
  SIZE - setează dimensiunea fontului,
  CULOARE - setează culoarea fontului.
  De exemplu, această frază este scrisă în interiorul unei etichete: .
  Specificația HTML-4.0 recomandă utilizarea etichetelor de formatare logică, deoarece acestea sunt mai ușor de utilizat. În unele cazuri, utilizarea etichetelor de formatare fizică poate să nu producă rezultatul dorit. De exemplu, în cazul frazei de mai sus, browserul o va afișa în fontul implicit dacă aparatul utilizatorului nu are fontul Comic Sans MS. În editorul SNK Visual HTML Workshop, puteți găsi etichete de formatare logică făcând clic pe butonul „Stiluri” și etichete de formatare fizică făcând clic pe butonul „Font”.
• ...- text foarte evidentiat.

· <РRE>...- o etichetă deja familiară nouă.

· Tot ceea ce este plasat în el păstrează același nivel de formatare

· text, dar este afișat ca text monospațiat (Ce este acesta,

· Vedeți în acest exemplu).

Acest lucru este probabil suficient. După cum puteți vedea, nu există prea multă varietate (browserul meu, de exemplu, arată textul plasat în etichete ..., <РRE>..., ... exact la fel), dar suficient pentru a completa pagina după gustul tău.

LISTĂ Etichete

Pentru a furniza informații pe paginile site-ului web sub formă de liste, HTML oferă un set special de etichete. Ele fac posibilă crearea:

A. Liste numerotate sau ordonate.

b. Liste compacte sau cu marcatori.

c. Liste de definiții.

d. Liste de meniuri.

A. Liste numerotate . Un exemplu de utilizare a acestei etichete este chiar în fața ochilor tăi.
Eticheta are parametri:

• A - specifică marcajele sub formă de litere mari latine.
• a - specifică marcajele sub formă de litere latine mici.
• I - precizează marcajele sub formă de cifre romane mari.
• i - precizează marcaje sub formă de cifre romane mici.
• 1 - specifică marcajele sub formă de cifre arabe.

Valoarea implicită este 1, adică numerotarea este în cifre arabe.

• COMPACT - momentan nu este recomandat pentru utilizare.
• START - vă permite să începeți numerotarea listei nu de la una. Preia valoarea numărului ordinal al elementului de la care doriți să începeți numerotarea.

Sintaxa de înregistrare:

. . .

De exemplu, să creăm o altă listă numerotată. Codul său HTML arată astfel:

Lunile de vară ale anului:
6. iunie
7. iulie
8. August

Pe pagina site-ului va arăta astfel:

Lunile de vară ale anului:

VIII. August

b. Liste cu marcatori sunt create folosind o etichetă de container . Eticheta are parametri:

• TYPE - specifică tipul de marker folosit pentru a marca lista. Acest parametru poate lua următoarele valori:
• = disc - marcatorii sunt afișați ca cercuri pline.
• = cerc - marcatorii sunt afișați ca cercuri necompletate.
• = pătrat - marcatorii sunt afișați ca pătrate umplute.

Parametrul tip poate fi utilizat atât pentru întreaga listă, cât și pentru fiecare element separat.

• Parametrul COMPACT nu este în prezent recomandat pentru utilizare.

Fiecare element de listă din interiorul acestei etichete este plasat într-o etichetă container

. . .

. Elementul de închidere al etichetei LI poate fi omis.
În plus, există o capacitate nedocumentată de a afișa tot felul de lucruri drăguțe ca markeri.

Permiteți-mi să observ în trecere că limbajul HTML are încă multe posibilități și combinații de coduri neexplorate. Așa că experimentează, fantezează, îndrăznește, într-un cuvânt - și s-ar putea să ajungi cu lucruri unice!
c. Liste de definiții sunt create folosind o etichetă de container

. . .

. În interiorul containerului, termenul în curs de definire este marcat cu o etichetă

, iar paragraful cu definiția sa este eticheta

. Pentru etichetele DT și DD, elementele de închidere sunt opționale. Un exemplu de astfel de listă.

<Р>- începutul unui nou paragraf; Se obișnuiește să-l notezi la sfârșitul celui precedent. Acum propoziția va începe dintr-un nou paragraf, aliniat la marginea din stânga a paragrafului, fără a intra în primul rând.
- la urmarirea etichetei cym, textul va fi plasat pe noul rand fara a sari peste randul gol.

---

- se va trasa o linie orizontală.

<В>text - tovstiy font la text, care se află între etichete. |

<І>text - font italic.

text - fotolii font.

_text- indice mai mic, de exemplu, H2O.

^text- indice superior, de exemplu, strada 1° și 2 .

text- font grozav.

text- font mic.

<ЕМ>text- text cu caractere cursive (eticheta I).

<В> <І>text- cursive. Acest exemplu demonstrează principiul etichetelor imbricate.

Să etichetăm titlul ca tip de paragraf. Există șase tipuri de titluri, care sunt împărțite în funcție de mărimea caracterelor: Etichete

Rezultatul pe ecran

Titlul 1.

Titlul 2.

Titlul 3. Titlul 4. Titlul 5.

Titlul 6.

Titlul este aliniat la marginea stângă a ferestrei. Dacă verificarea titlului și a altor elemente de pe pagină trebuie setată în mod explicit, atunci etichetele de verificare ar trebui să fie utilizate:

element- alinierea la centru;

element- alinierea la marginea stângă;

element- derulați la marginea dreaptă.

Informațiile pot fi trimise într-o vizualizare de tabel fără cadre folosind o etichetă asociată

...

. Textul din mijlocul acestei etichete este formatat folosind tabelare. Browserul nu va reformata un astfel de text. Etichetele pentru crearea unui tabel cu cadre nu sunt vizibile aici.

„5. Etichetă pentru specificarea parametrilor fontului FONT. Pentru a specifica numele unui anumit font, dimensiunea și culoarea acestuia, utilizați eticheta FONT cu parametrii FACE, SIZE și COLOR, de exemplu,

text

Dacă computerul clientului are fontul Decor instalat, atunci acest text va fi înghețat, în caz contrar, browserul va îngheța fontul Arbat sau Kudriashov sau fontul său standard, de exemplu, dimensiunile caracterelor fontului Times New Roman pot varia de la 1 la 7. Rozmir 3 respectat ca standard, ca orientare

Reprezintă 10 pixeli. Marimea 7 este cea mai mare. Numărul 2 ca valoare a parametrului SIZE înseamnă o dimensiune diferită a fontului, numărul +2 înseamnă că dimensiunea fontului poate fi cu două unități mai mare, mai mică decât standard, apoi a cincea, numărul -2 înseamnă că prima dimensiune a fontului este de două unități mai mic, mai mic decât standard.

Culoarea textului va fi roșie. Culorile principale poartă următoarele denumiri:
negru - negru verde - verde

bleumarin - albastru inchis teal - turcoaz

argintiu - seria var - verde strălucitor

albastru - albastru aqua - albastru

maro - zmeura masline - verde inchis

violet - gri buzkovy - gri închis

roșu - chervoniy galben - zhovtiy

fushsia - erizipel alb - alb

Sarcina 1. Creați propria dumneavoastră pagină web specială. Apelați Notepad și este un editor web grozav. Introdu textul despre tine sub simbolul de mai jos și salvează-l în fișierul filel.htm:

Acest site web al Svitlanei Marushchak

---

<В>Buna ziua!Numele meu este<В>Svetlana

Simt că sunt în primul an la Facultatea de Matematică Aplicată din Derzhavny yHiBepcHTeTy „JIbBiBCbKa politehnică”. Meni 17 ani. Materiile mele preferate: informatica, matematica, limba engleza, istorie. Îmi place să ascult muzică bună, să citesc romane bune, să măresc prețul biletelor de avion, să merg cu teleschiurile, să merg oricând la discotecă și să citesc notițe.

I^HCb fotografia mea va fi aici.

Adresele MS: 79054, Lviv-54, p.s. 580

---

Salvați fișierul pe disc și vizualizați-l într-un alt browser făcând clic pe pictograma acestuia. Experimentați cu etichetele de formatare a textului și cu dimensiunea ferestrei în care este afișat documentul. Vă rugăm să rețineți că browserul schimbă automat aspectul textului, astfel încât să îl puteți privi fără derulare orizontală (editoarele de text nu permit acest efect).

6. Crearea listelor. Există trei tipuri de liste: nenumerotate, numerotate și desemnate. Lista poate fi un titlu pe care îl puteți scuipa cu etichete ..., de exemplu,<ЬН>Acesta este titlul listei.

Lista nenumerată este creată folosind eticheta suplimentară „...și etichete simple

, de exemplu, astfel: Articolele mele preferate:

informatică

matematică

Limba engleză

istorie

informatică

Matematică

Limba engleză

istorie

Lista de numerotare este creată utilizând o etichetă împerecheată cu parametrul de limbă necesar TYPE și etichete individuale

, de exemplu, astfel:

Articolele mele preferate:

<ІЛ>Informatică

<ІЛ>Limba engleză

<ІЛ>Istorie

Afișat pe ecran: Articolele mele preferate:

1. Informatica

2. Limba engleză

3. Istorie

Valorile „i” și „I” ale parametrului TYPE specifică numerotarea în cifre romane mici (i, ii, iii, iv,...) și mari (I, II, III, IV, ...), iar valoarea „a” „A” - litere mici latine (a, b, c, d, ...) și litere mari (A, B, C, ...).

7. Inserarea fișierelor grafice și video. Imaginile grafice (fotografii, imagini, pictograme etc.) sunt salvate pe servere în fișiere adiacente cu extensiile bmp, jpg, gif și altele și sunt trimise pe ecranul clientului folosind o comandă suplimentară, care este specificată cu o singură etichetă. cu parametrii:






Primul parametru SRC este, de asemenea, sensibil doar la limbă. Textul alternativ este textul care este afișat în locul imaginii, dacă browserul nu poate accepta fișierul grafic sau modul de afișare grafică este dezactivat afișați pe ecran, iar parametrii WIDTH і HEIGHT її dimensiuni în lățime și înălțime în pixeli sau pixeli, de exemplu, setează lățimea imaginii la 300 de pixeli; setează lățimea imaginii secundare pe orizontală.

Pentru a desfășura o linie de date și evenimente diferite, setați parametrii WIDTH și SIZE, de exemplu, eticheta

---

Înlocuirea liniei principale dă o bandă roșie de 30 de puncte

pixeli

Pe partea dreaptă și cea greșită a imaginii, unde este inscripționat textul, puteți crea un spațiu mai mare: HSPACE = „număr de pixeli”. Puteți crea un spațiu mare și deasupra și sub imagine: VSPACE = „grosime”

pixeli”.

În spatele etichetei IMG, puteți, de asemenea, să inserați un videoclip care începe la deschiderea paginii web:

8. Adresele fișierelor. Pentru a face clic pe fișierele de la distanță, cum ar fi fișierele de pe servere de pe Internet, scrieți adresa în numele protocolului de acces http și adresa URL a fișierului, de exemplu, „http://www.polynet.lviv.ua/ourpage .htm”.

Pentru a accesa fișierele de pe un disc local, utilizați protocolul de acces la fișiere: „file:///disk:/ path to file”.

De exemplu, „fișier:///d:/mycatalog/mypage.htm”. Numele protocolului poate fi scris sau nu, de exemplu, SRC="c:/windows98/

Dacă fișierele grafice și alte fișiere se află în același director cu fișierul html principal, atunci este suficient să numiți fișierul, de exemplu, SRC="myfoto.gif". Dacă fișierul se află în directorul actual de imagini, atunci îl puteți trimite după cum urmează: „../images/myfoto. gif”. Ei bine, eticheta IMG poate arăta astfel:

.




Zavdannya 2. Editați fișierul filel.htm pentru a crea liste de două tipuri și introduceți fotografia sau orice imagine din Clip Art, de exemplu cat.bmp, rabbit.bmp și altele. Noul fișier ar trebui să fie numit file2.htm. Verificați-l în browserul dvs.

9. Inserția este hiper-puternică. Există două tipuri de hiperbole: 1) per fișier; 2) pe primul loc pe această parte și ea însăși: la începutul părții - sus, la sfârșitul părții - jos, pe ultimul număr de text. Hyper-force pentru a introduce după ajutorul unei etichete asociate <А>...h parametru HREF = „adrese de fișiere (sau cuvinte de sus și de jos și valori de text)”.

Hipertextul poate fi fie text, fie imagini grafice. Să aruncăm o privire la exemplu, dacă textul este hiper-forțat. Lăsați cuvântul „Svitlana” să fie găsit în râul „Numele meu este Svitlana”, trebuie să creați hyperlinkuri către fișierul „newinf.htm” pentru a conține informații suplimentare despre Svitlana (acest fișier încă trebuie creat). Spune asa:

Numele meu este<А HREF = "newinf.htm">Svetlana.

Pe ecran, cuvântul Svetlana va fi subliniat și reprezentat într-o culoare diferită. Culoarea de hiper-rezistență este indicată pentru titlul BODY prin parametrul LINK = „culoare”. În plus, mai sunt doi parametri: VLINK = „culoare diferită” – schimbă culoarea hiperputerii cu una diferită după prima modificare; ALINK = „o altă culoare” - schimbă culoarea hiperputerii activate în alta.

Acum să ne uităm la modul în care imaginile grafice pot fi folosite pentru a crea hiper-eforturi. Pentru cine în mijlocul etichetei<А>...Trebuie să selectați eticheta IMG. De exemplu, luăm fotografia lui Svitlana, care se află în fișierul „svitlana.gif”, într-un cadru și adăugăm un hyperlink de la acesta la fișierul newinf.htm:

<А HREF = "newinf.htm">

Făcând clic pe fotografia Svetlanei de pe site-ul Web, pe ecran apare un fișier cu informații suplimentare despre ea.

Să aruncăm o privire la un alt tip de hiper-putere - puterea dintre laturi. Mai întâi trebuie să marcați locul pe pagina în care va avea loc tranziția. Dacă din momentul tranziției doriți să vă conectați la capul paginii, atunci în locul fișierului HTML care reprezintă capul paginii introduceți o etichetă numită ancoră:

<А МАМЕ="#початок"х/А>.

În mod similar, marcați (aruncați o ancoră în) locul de la sfârșitul fișierului:<А КАМЕ="#кінець"х/А>.




Orice loc din text poate fi identificat prin următoarea etichetă:<А КАМЕ="#мояпозначка"х/А>.

Acum, pe pagină, plasați pictograme de hiperputere pe pagină:

<А HREF="#no4aTOK (#кінець або #мояпозначка)">text hiper-putere.

Dacă o parte ocupă un pachet de ecrane, atunci la sfârșitul părții puteți introduce o hiperforță pentru a merge de partea lor, de exemplu,

Acum poți pleca<А HREF="#no4aTOK"">Pe stiuletepovestiri.

Zavdannya 3. Introduceți în document un link către un alt fișier html (de exemplu, filel.htm etc.), precum și un link către începutul și sfârșitul documentului. Salvați fișierul sub numele fișier3.htm. Vizualizați-l în browser.

10. Inserarea sunetului și video.Îmi amintesc cu respect de Yatati,
Care sunt numele fișierelor de sunet Extensiile sunt au, wav, mid, midi, ra,
și fișiere video - avi, vivo, mpeg etc. Pentru a insera sunet sau video,
Este suficient să vedeți valoarea parametrului HREF în sistemul de hiperputere
setați calea către fișierul audio și video corespunzător, care este deja
pe disc, de exemplu,

Acum<А HREF="mysound.wav">ascultă-mă (150K).

Text ascultă-mă (150K) Voi deveni hiperforțat făcând clic pe care puteți acționa aproape confidențial, în siguranță, cu informații care au fost înregistrate anterior, de exemplu, folosind programul suplimentar Phonograph din fișierul „mysound.wav” cu o capacitate de 150 KB. Fragmentele de fișiere audio și video vor fi reținute pentru o perioadă lungă de timp, este recomandat să vă măsurați datoria în kilobytes.

Pentru ca efectul de sunet și video să fie repetat de mai multe ori, de exemplu de 2 ori, pentru același<А>Utilizați parametrul LOOP=2.

Pentru ca sunetul din orice fișier să dispară atunci când pagina este lansată, trebuie să selectați o etichetă . O altă modalitate - verificați eticheta Și, lângă efectul sonor, selectați panoul de bandă de pe ecran pentru a regla volumul și puterea sunetului, adăugând și continuând sunetul.

11. Înțelegerea efectelor dinamice. Nume dinamice
Există efecte atunci când imaginile grafice de pe site-ul Web sunt modificate
se schimbă în timp, elementele paginii se schimbă în dimensiune sau direcție
locul dvs. după ce mouse-ul face clic pe ele, textul „alerează” din nou
ecranul de asemenea.

Atelier




Să aruncăm o privire la efectul textului bej pe bandă, care are o înălțime de HEIGHT = „înălțime în pixeli” și un fundal de BGCOLOR = „culoare de fundal”. Efectul este creat cu ajutorul unei etichete asociate ...:

Compania Deol vă vizitează

Cuvintele „Ești în aer, Deol” vor rula în bandă de la dreapta la stânga, vor trece dincolo de marginea ecranului și vor apărea din nou în dreapta. Este recomandat să plasezi acest efect înaintea titlurilor paginii.

Efectul popping-ului pe marginile ecranului va fi asigurat de parametrul COMPORTAMENT = „alternativ”, iar rândul de pe marginea stângă a ecranului poate fi setat la parametrul „slide”. Valoarea „dreapta” a parametrului DIRECȚIE va asigura efectul de rotație pe partea opusă.

Numărul de treceri, de exemplu numărul 5, este specificat de parametrul LOOP="5". Banda poate fi centrată folosind parametrii suplimentari HSPASE și VSPACE. Viteza mânerului este setată de parametrul SCROLLAMOUNT="3", unde valorile pot fi selectate dintr-un interval de la 1 (plin) la 10 (neted).

Alte efecte dinamice pot fi create folosind proceduri suplimentare folosind Visual Basic Script sau programare JavaScript.

Respect. Nu există un standard HTML unic. Aceste etichete și setările lor nu funcționează în toate browserele. Anumite etichete și parametri sunt denumiți diferit pentru diferite browsere. Dacă există o corecție sintactică în eticheta scrisă, numele parametrului sau în valoarea acestuia, atunci parametrul etichetei nu este șters.

12. Web compoveri. Denumirea legală a programului este folosită pentru crearea automată de povești web fără crearea explicită a limbajului HTML original - Web Composer. Să aruncăm o privire la capacitățile unui compozitor precum programul MS Word. Pentru a crea o pagină Web sau un întreg site Web, înainte de a crea un document nou, trebuie să mergeți la fila Pagini Web și să utilizați rapid expertul pentru a crea o pagină nouă. Într-un alt caz, algoritmul pentru acțiunile designerilor este următorul:

4 comanda Format<=>Fundal - setați culoarea fundalului și metoda de pictare (umplere) a ecranului cu o textură diferită din meniu;

4 introduceți text, selectând fontul, dimensiunea, culoarea, culoarea etc.;




Creați liste ca un editor de text obișnuit;

f inserați linii folosind comanda Insert<=>Linie orizontală<=>Selectați aspectul liniei din meniu;

Urmați comenzile suplimentare Table pentru a crea și formata tabele;

4 utilizați comanda Inserare pentru a insera imagini, fotografii, fișiere video, sunet, hyper-silence, rânduri live etc.;

Scrieți fișierul de creație pe disc și vizualizați-l în browser.

Zavdannya 5. Creați o pagină Web despre dvs. sau despre activitățile companiei dvs. utilizând programele MS Frontpage sau Web Composer folosind MS Word. Pagina poate muta fundalul, liniile, lista, tabelul, imaginile, hiper-puterea pe alte pagini.

Ascundeți roboții

Lucrarea practică ține de cele cinci comenzi viconniene, descrise în enunțuri teoretice.

Controlul sursei de alimentare

1. Ce este hiperputerea?

2. Ce este hipertextul?

3. Ce este un document Web?

4. Pentru ce este folosit programul browser?

5. Ce este un site web?

6. Descrieți structura unui document Web simplu.

7. Pentru ce este folosit limbajul HTML?

8. Ce este o etichetă și ce sunt etichetele?

9. Ce parametri pot folosi pentru eticheta BODY?

10. Care etichetă marchează începutul unui nou paragraf?

11. Ce etichete reprezintă fonturi aldine, cursive și fonturi?

12. Ce etichete sunt folosite pentru verificarea elementelor de pe site-ul Web?

13. Care este scopul etichetei FONT?

14. Ce valori pot fi acceptate de parametrii etichetei FONT?

15. Care sunt tipurile de liste?

16. Cum se creează o listă nenumerată (marcată)?

17. Cum se creează o listă de numerotare?

18. Ce parametri pot folosi pentru eticheta IMG?

19. Ce parametru ar trebui utilizat în etichete pentru verificare?
elemente laterale?

20. Care este particularitatea perechilor de tag-uri

...

si cum este posibil
vicoristati?

21. Cum se inserează imagini grafice pe o pagină Web?

22. Cum se introduce un videoclip pe un site Web?




Autor Calcul Diferențiere Integrare Limită Produs Sumă Taylor Declarare Extindere Factor Ajutor Salt rezolvare Plot Ieșire Simplificare Fereastra aprox.

23. Ce parametri pot folosi pentru eticheta IMG?

24. Pentru ce fel de etichetă ar trebui să inserez o hiperbolă?

25. Care este semnificația parametrilor LINK, VLINK, ALINK?

26. Cum pot imaginile grafice să creeze hiper-putere?

27. Care sunt tipurile de mesaje între o pagină Web?

28. Cum pot introduce sunet sau video într-un document Web?

29. Cum pot începe sunetul instantaneu din partea ferestrei?

31. Cum se creează un efect dinamic într-un text în mișcare?

32. De unde cunoști editorii de hipertext?

33. Ce este Web Composer?

34. Cum se creează un cadru în jurul unei imagini?

35. Ce parametri poți folosi eticheta ?

Roboti practici Nr. 32-33 Subiect

Deriva. Automatizarea calculelor matematice. Funcții suplimentare. Jocuri cu matrice.

Meta

Să fie capabil să dezvolte cele mai simple probleme de analiză: să calculeze derivatele, integralele, limitele, adunările, să însumeze valoarea unei funcții date, să construiască operații pe vectori și matrice, să dezvolte sisteme de sisteme algebrice liniare Exact, să se calculeze principalele numere și vectori; matricea.

Informații teoretice

Programele de automatizare a calculelor matematice (Derive, MathCad, MatLab, Maple, Mathematica) vă permit să urmăriți funcții: determinarea diferitelor ordine, integrale medii și fără semn, limite, distribuție a funcțiilor seria Taylor; recreați expresii: factorizați polinoamele, înmulțiți și găsiți expresii; Vor exista grafice de funcții; dezvoltarea problemelor tipice ale algebrei liniare: construirea de operații pe matrice, determinarea numerelor și vectorii matricilor, dezvoltarea sistemelor de ecuații algebrice liniare; dezvoltarea analitică și strânsă a limbajelor tuturor tipurilor de ecuații diferențiale cunoscute să exploreze problemele teoriei validității și statisticii matematice și multe altele;

Priviți ecranul programului Derive (Fig. 61). În partea de jos a ecranului există un meniu care arată capabilitățile programului. Axa este o traducere a comenzilor din meniul principal, așa cum vom vikoristovat:




Fig.b. Programul Vikno Derive pentru MS-DOS.

Intră viraz;

Calculați (grup de comenzi):

diferențiere;

- integra;

Frontieră;

Calculați sticle suplimentare;

Calculați suma;

Multiplica;

Împărțit în multipli;

te voi ajuta mai departe;

Accesați virusul necesar;

Echivalează cu zero și găsește rădăcinile;

Va exista un program;

Conectați-vă cu programe;

Calculați, iertați;

Lucrul cu ferestre;

Aproape de numărare.

Selectarea comenzilor (cursorul muta în sus în meniu) este asigurată de tasta Tab. Pentru a crea comenzi, este suficient să faceți clic pe litera majusculă, care este numele comenzii. Vikhid h Comenzile sunt furnizate de tasta Esc.

Principiul de proiectare a sarcinilor pentru a dezvolta o funcție este următorul: introduceți inițial comanda Autor și expresia funcției, iar ulterior adăugați-i comenzile necesare din meniul Calcule Nu sub numere de serie.

Programul vă permite să ajutați și să ajutați manual, astfel încât să puteți apela, ca întotdeauna, cu comanda Ajutor. În plus, puteți ști că Derive are o mulțime de funcții matematice standard: sin, cos, tan, log, abs, sec și altele, convoluții, trigonometrice și hiperbolice (argumentele funcției sunt luate din arcul rotund); constante tradiționale: pi, #e, #i (una este evidentă), inf (infinit); operații matematice: +, -, * (înmulțire, care poate fi omisă din expresii), " - ridicat la grad! - factorial; Biblioteci (deseori nu sunt disponibile în configurații minime) pentru dezvoltarea înțelegerii diferitelor probleme din cursurile ecuațiilor diferențiale, teoria omogenității etc.

În comenzi, puteți specifica un anumit virus sau un număr (de exemplu, #5), dacă virusul a fost introdus anterior.

Puteți ieși din program folosind comanda Quit cu confirmare (trebuie să introduceți Y și să apăsați tasta Enter).

Cap de robot nr. 32

De îndată ce sfârșitul războiului se încheie, trebuie să depășiți dificultățile, să încercați să obțineți ajutor (Ajutor).

1. Tine cont de e^sozpkh, de P - numărul opțiunii și aruncați o privire
funcția yogo yak deyaku f(x).

Ieșiți din comanda Autor și introduceți virusul. Toate expresiile programului sunt numerotate. Să introducem numărul 1. Puteți, de exemplu, să arătați astfel: exp(5x)cos(5x). În continuare, puteți scrie numărul dvs. #1. Vă rugăm să rețineți rezultatele verificării tuturor punctelor cu Zvita.

2. Calculați cheltuielile în prima ordine.

Selectarea unei comenzi din meniu se face folosind tasta suplimentară Tab. Opriți comanda Diferențiere la linia #1 și introduceți aceste expresii. Apăsați tasta Tab pentru a muta cursorul la următorul câmp de comandă. Pentru a obține rezultatul final, nu uitați să utilizați comanda Simplificare pe expresia rămasă.

3. Calculați cheltuielile într-o altă ordine.

Opriți comanda Diferențiere la linia #1 și rețineți că ordinea este diferită. Urmăriți echipa Simplify.

4. Semnificația non-valorilor integralei funcției date.




Opriți comanda Integrare la virusul #1. Nu semnifica între integrări. Urmăriți echipa Simplify.

5. Calculați valorile integralei pe interval.
Opriți comanda Integrare la versiunea #1, marcați limitele integrării
în spatele tastei suplimentare Tab. Urmăriți echipa Simplify.

6. Calculați limita funcției într-un punct dat.
Stivuiți comanda Limitare la virusul #1. Simplifica.

7. Extindeți funcția din seria Taylor în jurul zero.
Stivuiți echipa lui Taylor la locul 1. Simplifica. Să ridic zece
kovy rezultat numeric nu uitați să vikonovati comanda
arrgoH.

8. Calculați suma transferată, valoarea funcției ca argument
Se schimbă de la 1 la 10 cu croque 1.

Stivuiți comanda Sum la virusul #1.

9. Calculați aceeași valoare acumulată a funcției.

10. Tabelați funcția în zece puncte pe [a;b] după croque.
Valoarea valorii este determinată prin metoda de determinare a valorii vectoriale
funcții. Pentru a face acest lucru, utilizați comanda Autor pentru a introduce expresia VECTOR
(<вираз або його номер>, x, a, b, h), în care se specifică mai multe
valori pentru a, b, h => Simplificați. Rezultatul se calculează în pătrat
temple

11. Reprezentați grafic funcția. Semnează axele și experimentează
utilizați scara.

De acum înainte, ajustați afișajul folosind comanda Display din Opțiuni. Apăsați tasta Tab pentru a vă deplasa între opțiuni și tasta trece, Pentru a modifica setările, selectați Graphics, High, respectiv VGA. Creați două ferestre folosind comenzile Window<=>Împărțiți O pe verticală & 40. Puteți trece de la o fereastră la alta folosind tasta F1 suplimentară. Introduceți prima linie x~2, apoi selectați comanda Plot și reconfigurați pentru a elimina parabola. Acum trasează funcția atribuită #1.

12. Dezvoltați un aspect neliniar Tskh)-L(pe [a;b]).
Introduceți virusul SOLVE utilizând comanda Autor (-„un anumit virus sau
număr yogo> = 1,x) sau SOLVE( = 1,x,a,b), pe
butt SOLVE(#l,x) și spuneți doar yogo Simplificați ^ arrgoX.

13. Introduceți o nouă expresie - fie că este un trinom pătratic - i
factorizați-l (împărțiți în multiplicatori folosind comanda Factor).

14. Înmulțiți vizual trei binoame (x+a)(x+b)(x+c), de
a, b, c - zeci de numere.

Introduceți virusul și selectați comanda Expand.

15. Aflați funcția a două tipuri diferite X acea y, de exemplu
x 2 s\n(ny),și elimină rezultatele parțiale ale primului și celuilalt
comenzi (l - numărul opțiunii).

16. Calculați integrala funcției folosind una dintre modificări.

17. Aflați gradientul funcției a două variabile într-un punct dat.

Introdu codul SCAV(<вираз функції або її номер>) și faceți clic pe Simplificare.

18. Reprezentați grafic funcțiile celor două variabile.

Mai întâi introduceți expresia x~2-y~2, apoi selectați comanda Plot și reveniți la locul în care ați creat graficul de locuri. Acum programează-ți funcția.

19. Terminați lucrul. Suna-ma.

Cap de robot nr. 33

1. Adăugați vectorul A la zece elemente întregi.

Elementele vectoriale sunt introduse prin brațele pătrate folosind comanda de meniu Autor (aceasta este ca Viraz #1).

2. Mutați vectorul la cinci elemente întregi ca
viraz #2.

3. Calculați suma vectorilor ca Viraz #1+#2.

Aici și pentru a obține rezultatul final, nu uitați să adăugați comanda Simplificare deasupra virusului.

4. Calculați diferența dintre vectori.

5. Calculați câștigul scalar al vectorilor #1.#2.
O adunare scalară este indicată printr-o pată.

6. Ajustați matricea la 3x3.
De exemplu, astfel: [,,]

7. Faceți matricea D dimensiunea 3x3.

8. Calculați suma matricei C și D.

9. Calculați matricea diferențelor.

10. Calculați matricea veniturilor.
Matricea suplimentară este indicată printr-un punct.

11. Selectați urma matricei C.
Introduceți și rulați TRACE(C).




Informații conexe.


27.11.14 88.7K

În html, dimensiunea fontului joacă un rol important. Vă permite să atrageți atenția utilizatorului asupra informațiilor importante postate pe pagina site-ului. Deși nu numai dimensiunea literelor este importantă, ci și culoarea, grosimea și chiar familia lor.

Etichete și atribute atunci când lucrați cu fonturi html

Limbajul hipertext are o gamă largă de instrumente pentru lucrul cu fonturile. La urma urmei, formatarea textului este sarcina principală a html.

Motivul creării limbajului HTML a fost problema afișării regulilor de formatare a textului în browsere.


Să ne uităm la etichetele care sunt folosite pentru a lucra cu fonturile în HTML și la atributele acestora. Principala este eticheta . Folosind valorile atributelor sale, puteți seta mai multe caracteristici ale fontului:

• culoare – setează culoarea textului;
• dimensiune – dimensiunea fontului în unități convenționale.

Sunt acceptate valorile atributelor pozitive de la 1 la 7.

• față – folosit pentru a seta familia de fonturi de text care va fi folosită în interiorul etichetei . Sunt acceptate mai multe valori, separate prin virgule.

Doar textul care se află între părțile etichetei de font asociate este formatat. Restul textului este afișat în fontul standard standard.




De asemenea, în html există o serie de etichete împerecheate care specifică o singură regulă de formatare. Acestea includ:

• — setează fontul aldine în html. Etichetă similar în acțiune cu cel precedent;
• — dimensiunea este mai mare decât cea implicită;
• — dimensiune mai mică a fontului;
• — text italic (italic). Etichetă similară ;
• — text cu subliniere;
• - tăiat;
• _{— afișarea textului numai cu litere mici;}
• ^{- cu litere mari.}

Text simplu

Miniatură

Miniatură

Mai mult decât de obicei

Mai puțin decât de obicei

Cursive

Cursive

Cu subliniere

Barat



Capacitățile atributelor de stil

Pe lângă etichetele descrise, există mai multe modalități de a schimba fontul în html. Una dintre ele este utilizarea atributului stil generic. Folosind valorile proprietăților sale, puteți seta stilul de afișare al fonturilor:

1) font-family – proprietatea setează familia de fonturi. Este posibil să enumerați mai multe valori.
Schimbarea fontului în html la următoarea valoare va avea loc dacă familia anterioară nu este instalată pe sistemul de operare al utilizatorului.

Sintaxa de scriere:

familia-font: font-name [, font-name[, ...]]

2) dimensiunea fontului – dimensiunea este setată de la 1 la 7. Acesta este unul dintre modalitățile principale prin care puteți crește fontul în HTML.
Sintaxa de scriere:

font-size: dimensiune absolută | dimensiune relativă | sens | interes | moşteni

De asemenea, puteți seta dimensiunea fontului:

• În pixeli;
• În termeni absoluti ( xx-mic, x-mic, mic, mediu, mare);
• În procente;
• În puncte (pt).

Dimensiunea fontului: 7

Dimensiunea fontului: 24px

Dimensiunea fontului: x-mari

Dimensiunea fontului: 200%

Dimensiunea fontului: 24 pt




3) font-style – setează stilul de scriere a fontului. Sintaxă:

stil font: normal | cursiv | oblic | moşteni

Valori:

• normal – ortografie normală;
• italic – italic;
• oblic – font înclinat spre dreapta;
• moștenește – moștenește ortografia elementului părinte.

Un exemplu despre cum să schimbați fontul în html folosind această proprietate:

font-style:moștenire

stil font: cursiv

stil font: normal

stil font: oblic




4) font-variant – convertește toate majusculele în majuscule. Sintaxă:

font-variant: normal | cu majuscule mici | moşteni

Un exemplu despre cum să schimbați fontul în html cu această proprietate:

font-variant:moștenire

font-variant:normal

font-variant:small-caps




5) font-weight – vă permite să setați grosimea textului (saturație). Sintaxă:

greutate font: bold|bolder|lighter|normal|100|200|300|400|500|600|700|800|900

Valori:

• bold – setează fontul html la bold;
• bolder – mai îndrăzneț față de normal;
• mai ușoară – mai puțin saturată față de normal;
• normal – ortografie normală;
• 100-900 – setează grosimea fontului în echivalent numeric.

greutate font: bold

greutatea fontului: mai îndrăzneață

greutate font: mai ușor

greutate font: normal

greutate font: 900

greutate font: 100



Proprietatea fontului HTML și culoarea fontului

Fontul este o altă proprietate a containerului. În interiorul său, a combinat valorile mai multor proprietăți destinate schimbării fonturilor. sintaxa fontului:

font: font-size font-family | moşteni

Valoarea poate fi setată și la fonturile utilizate de sistem în etichetele de pe diferite controale:

• legenda – pentru butoane;
• pictogramă – pentru icoane;
• meniu - meniu;
• mesaj-box – pentru casete de dialog;
• small-caption – pentru controale mici;
• status-bar – font bara de stare.

font:pictogramă

font:legendă

font:meniu

font: caseta de mesaje

subtitrări mici

font:bara de stare

font: italic 50px bold „Times New Roman”, Times, serif





Vă recomandăm alte articole



Cameră wireless USB cumpărați o mini cameră wireless pentru computer Cameră digitală cu ieșire USB



Stoloto, loto rusesc – o înșelătorie?



Cum funcționează mineritul criptomonedei Procesul de extragere a criptomonedei