Învățăm html!

Acum cineva va spune și de ce au fost atât de multe imagini care să se răspândească în secțiunea instrumente. ca și cum nu este clar și așa! Pe o astfel de detaliere "de mestecat" eu "generos", tk. materialul, datorită simplității și înțelegerii sale relative, poate interesa publicul tânăr. Acum, lucrurile s-au schimbat, computerele au devenit mai ieftine și mai rapid și mai inteligent, mai accesibil de pe Internet, numai majoritatea copiilor utilizează capacitățile unice, pentru ore si zile de uciderea monștri în igruha nou-fangled sau de a comunica on-line, deși de ce numai copiii, adulții suferă, de asemenea, de deficiențe similare. În general, e-mail, lectură, chat-urile în chatroom și eseuri descărcarea au devenit un fel de competențe sunt un utilizator avansat al internetului, în cultură se încadrează scurt în toate formele ei. Dar, în orice caz, dacă ați cusut pe această pagină, atunci probabil că ați căutat informații, ceea ce înseamnă că aveți un scop specific. Și în loc de a fi doar "un tip de utilizatori avansați de Internet", să încercăm să ne mișcăm un pic mai departe.

Deci haideți să ne mutăm direct în HTML!

Cred că toată lumea se întreabă înainte de a afla ceva nou - și am nevoie de ea.
S-au întrebat ei înșiși? Bine! Ei bine, cum? Dacă încă vă îndoiți, permiteți-mi să vă dau câteva motive pentru care este logic să învățați codul HTML și câteva motive pentru care acest lucru nu trebuie făcut:

Vă permite să vă mutați la o linie nouă. O succesiune de mai multe astfel de etichete creează, respectiv, o marjă mai mare.

Eticheta titlului. Cu ajutorul acestuia, este convenabil să selectați numele capitolelor sau secțiunilor (de la

până la

). h1 este cel mai mare text, h6 este cel mai mic. Este important să rețineți că această etichetă, ca și eticheta paragraf, efectuează o rupere de linie înainte și după conținutul acesteia. Este util pentru identificarea subsecțiunilor din document, dar în interiorul paragrafului va trebui să utilizați și / sau , pentru a obține efectul dorit.

Bună, lume!

Desenați o linie orizontală. Utilizând atributele de lățime și dimensiune, puteți specifica lungimea și lățimea benzii. Atenție vă rog! lățimea (lungimea), mărimea (grosimea) poate lua două tipuri de valori: în pixeli - lățimea = "100" sau în procentajul - dimensiunea = "1%". De asemenea, puteți specifica culoarea benzii utilizând atributul color = "color". și aliniați-l cu conținutul paginii - align = "value" (și aici sunt trei valori posibile pentru acest atribut: stânga, dreapta, centru).

Etichetă universală. Putem seta culoarea, fontul și mărimea textului utilizând atributele enumerate mai jos.

Setează culoarea textului. Numele de culoare corespunde de obicei scrierii sale în limba engleză, deși poate fi specificată și ca o constantă numerică. exemplu: .

Setați dimensiunea fontului: . Dimensiunile merg în ordine crescătoare, de la 1 la 6. De regulă, 6 este cea mai mare dimensiune posibilă a fontului.

Vă permite să utilizați fonturi diferite, cum ar fi Arial, Courier New, Tahoma, Verdana și altele, preinstalate în browserul dvs.: .

Puteți utiliza mai multe atribute simultan, deși totul este posibil pentru eticheta pe care o utilizați.

H e ll o. w o r l d!

Această etichetă stabilește fontul mic, după cum puteți vedea, totul este elementar.

După cum este deja clar din titlu, acesta stabilește un font mare și mare.


Puteți schimba culoarea de fundal a întregului document atribuind atributul bgcolor aceleași valori de culoare ca atributul de culoare al etichetei . Atributul bgcolor este specificat în etichetă . Iată un exemplu de intrare corectă: - astfel încât am setat fundal ca verde.

Descărcați sarcini
Finalizați sarcinile de pe site: 1 | 2 | 3
Felicitări, ați trecut LEVEL_1. Puteți fi mândri de tine (doar nu exagera în această chestiune :))), sunteți în mișcare (sper) au fost de volum, deși bordurate, dar egală cu cea în cărțile de pe HTML nu ia mult mai multe pagini! Acest lucru nu înseamnă că cărțile nu ar trebui abordate. Dimpotrivă, cărțile oferă maximum de informații, acum suntem cu voi într-un ritm forțat creând o bază de date, pe care o extindeți ulterior.


Deci, dacă simțiți că ați reușit să lucrați cu textul, să conectăm câteva fotografii sau imagini. Va revitaliza pagina! În cărțile despre HTML, principalele formate grafice sunt descrise în detaliu, este dată clasificarea graficelor, nu vom face acest lucru cu dvs. Până în prezent, înțelegeți pentru dvs. următoarele minimum:

Dintre cele mai multe formate grafice, cele mai răspândite sunt: ​​PNG, BMP, JPEG, GIF. Acestea sunt acceptate de majoritatea browserelor.

Grupul de experți comun este un grup comun de experți. Poate cel mai comun format grafic. Imagini cu acest format comprimă bine, care accelerează procesul de descărcare, dar există un minus - atunci când conversia imaginii de alt format în format JP (E) G este o pierdere ireversibilă a informațiilor „extra“, datorită căruia se realizează compresia, dar se degradează, de asemenea, calitatea imaginilor . Prin urmare, se recomandă conversia unei imagini dintr-un format într-un altul.

Portable Network Graphic - grafică portabilă pentru rețea. Imagini multicolore de calitate fotografică cu suport pentru transparență într-o formă comprimată fără pierderea informațiilor grafice. Formatul a fost destinat să înlocuiască GIF tradițional.

Garphic Interchange Format - formatul schimbului grafic. Imagini reduse (256 de culori), uneori animate, cu suport de transparență într-o formă comprimată fără pierderea informațiilor grafice. Cu toate acestea, pentru imaginile de dimensiuni medii și mari nu este potrivit, deoarece este semnificativ inferior aceluiași JPEG.

Descărcați sarcini
Sper că ați înțeles materialul de mai sus și că nu ați avut dificultăți speciale. Poti prepara o ceașcă de ceai sau cafea, cineva care iubește :)), un pic de odihnă și să fie mândri de ceea ce suntem bine (aproximativ două minute - trei)! Și imediat mergem mai departe.

Acum vom învăța să ne încadram imaginile cu un cadru, să ne schimbăm culoarea și, de asemenea. în general, totul în ordine.

Adaugă pentru a eticheta nou limită de atribut. Acesta servește pentru a crea un cadru de imagine, puteți specifica grosimea sa în pixeli, bine, de exemplu, după cum urmează:

. Modificați valoarea de mai multe ori și vedeți ce se întâmplă. Browserul, în mod implicit, vopsește cadrul negru, dar situația se schimbă atunci când îl folosim împreună cu . . Să presupunem că vrem să plaseze imaginea pe nume FOTO.bmp, care se află pe unitatea C: \, în plus, trebuie să solicite această imagine a unui cadru roșu în 4 pixeli groase. Cum să setați corect etichetele? Și ceva de genul: . După cum puteți vedea, atributul de culoare al etichetei . Modificați culoarea textului și a cadrelor foto, ceea ce creează un stil general de decorare. Cu toate acestea, puteți încadra fiecare fotografie a html-paginii într-o etichetă . , cerându-l personal (foto), stil de culoare. Principalul lucru nu este să exagerați, deoarece uneori este mai bine să nu folosiți un cadru, totul depinde de flerul dvs. artistic.
Atenția merită încă două atribute, titlul și altul. Prima concluzie, specificați textul atunci când treceți cursorul mouse-ului deasupra imaginii, iar al doilea vă permite să setați textul de înlocuire, care este vizibil, în cazul în care, din orice motiv, imaginea într-o pagină HTML este afișată.

Specificați lățimea imaginii în pixeli - lățimea = "120" sau procentul - înălțimea = "25%"
Valoarea atributului trebuie inclusă în ghilimele duble.

Setați înălțimea imaginii în pixeli - înălțime = "120" sau procente - înălțime = "34%"
Valoarea atributului trebuie inclusă în ghilimele duble.

Valoarea atributului poate fi orice text, de preferință nu foarte lung, în acest caz alt = "Knigoman". Nu uitați să utilizați acest atribut, poate fi util dacă o persoană care a vizitat pagina dvs. are un afișaj dezactivat în browser. Valoarea atributului trebuie inclusă în ghilimele duble.

Atributul este oarecum similar cu altul, funcționează numai indiferent dacă fotografia este afișată sau nu. Șirul de text alocat atributului titlu va fi afișat când treceți mouse-ul peste fotografie. Valoarea atributului trebuie inclusă în ghilimele duble.
Exemplu: title = "Dacă citiți acest lucru, atunci în eticheta img, folosiți atributul title cu acest text!"

Setați lățimea cadrului pentru imagine în pixeli - border = "3". Și dacă avem de asemenea nevoie să o picteze într-o anumită culoare, vom folosi Delphi obține codul html în funcție de adresa URL specificată

  • Listă de etichete meta în html

  • Descrierea caracteristicilor html help workshop