More Related Content
What's hot (20)
Similar to Elemente de formatare la nivel de linie sau la nivel de text (text-level sau inline) (20)
Elemente de formatare la nivel de linie sau la nivel de text (text-level sau inline)
- 1. Limbajul HTML Pagini Web Elemente de formatare la nivel de linie sau la nivel de text (text-level sau inline)
- 2. Chestionar 1. Care este principalul tip de document specific serviciului WWW ? a) Document HTML(.html) c) Document Microsoft Office Word(.docx) d) Adobe Portable Document Format油(.pdf) c) Text Document(.txt) Rspuns: a) Toate celelalte fi iere pot exista pe Web, se pot realiza legturi ctre ele, 樽ns documentul HTML este baza pentru tot ceea ce exist pe Web.
- 3. Chestionar 2. Care este semnifica ia HTML? HTML este acronimul corespunztor HyperText Markup Language, limbaj de marcare utilizat de serviciul World Wide Web(WWW, Web) pentru crearea hipertext-elor (a paginilor web) ce pot fi afi ate 樽ntr-un browser sau program de navigare. HTML este 樽nzestrat cu: - con inut text- Ceea ce vezi? - marcare- Cum s arate? - imagini , elemente multimedia(video, audio) - legturi ctre alte hipertexte sau resurse web- hiperlegturi
- 4. Chestionar 3.Care dintre aceste browsere este cel mai bun? a) Microsoft Internet Explorer b) Mozilla Firefox c) Google Chrome d) Apple Safari e) Opera Consultarea informa iilor organizate sub form de hipertexte se realizeaz cu ajutorul unui program special denumit browser. Nici unul nu este cel mai bun. Toate aceste browsere sunt diferite - nici unul nu este perfect. Dac ai o preferin pentru unul dintre aceste browsere nu 樽nseamn c i ceilal i utilizatori sunt de acord. Po i s 樽ncerci ce browser vrei tu.
- 5. Chestionar 4. Prin ce se caracterizeaz o etichet HTML (marcator sau tag)? Eticheta reprezint sintaxa folosit pentru a delimita 樽nceputul i sf但r itul unui element HTML, <tag></tag>. Atributele unui element reprezint perechi de forma nume=valoare scrise 樽n eticheta de 樽nceput a unui element, imediat dup numele acestuia.
- 6. Chestionar 5. Care este structura unui document HTML? Un document HTML este delimitat de perechea de etichete <html></html> i este constituit din : antetul documentului delimitat de perechea de etichete <head></head> unde sunt descrise informa ii despre pagina respectiv ; corpul documentului delimitat de etichetele <body></body> 樽n care se gse te con inutul efectiv al paginii web.
- 7. Chestionar 6. Care sunt etichetele HTML specifice formatrii textului la nivel de bloc (block-level)? - pentru formatarea paragrafelor <p> </p> - pentru utilizarea paragrafelor titlu <h1></h1>,,<h6> </h6> - pentru gruparea elementelor la nivel de bloc <div></div>
- 8. Chestionar 7. Ce afi eaz urmtoarea secven ? <p>Esen釘a matematicii este </p> libertatea ei. Esen釘a matematicii este 油 libertatea ei.
- 9. Chestionar 7. Ce afi eaz urmtoarea secven ? <p>Esen釘a matematicii este </p> libertatea ei. Esen釘a matematicii este 油 libertatea ei.
- 10. Elemente de formatare la nivel de linie sau la nivel de text (text-level sau inline) Elementele de bloc (block-level)- titlurile, paragrafele, listele sau tabelele-sunt structuri mari care con in alte blocuri, elemente de linie sau de text. Elementele de linie sau elementele de text (text-level sau inline)- hiperlegturile, citatele sau imaginile sunt structuri mici ce reprezint sau descriu secven e de text sau de date.
- 11. Elemente de formatare la nivel de linie sau la nivel de text (text-level sau inline) Trecere la linie nou-Inline vs. Block Caracterele albe(whitespaces) sunt practic ignorate de browser-ul care afi eaz o pagin Web, de aceea avem nevoie de etichete speciale pentru a trece la o linie nou. Cea mai folosit astfel de etichet este <br>(break)-(marcator inline) care nu face altceva dec但t s informeze browser-ul c textul care urmeaz va fi afi at pe o linie nou. Eticheta <br> va genera un marcaj de sf但r it de linie (caracterele ASCII Carriage Return / Line Feed). Tag-ul <br> face parte din categoria elemente goale (empty tags). Aceste elemente nu necesit tag de sf但r it (closing-tag). Eticheta <p>(marcator de tip block) are ca efect tratarea textului care urmeaz dup ea ca un paragraf nou. Singura diferen real dintre <p> i <br> este c <p> afi eaz o linie vid, menit s separe paragrafele.
- 12. Exemplu: Elemente de formatare la nivel de linie sau la nivel de text (text-level sau inline) Trecere la linie nou-Inline vs. Block Cod HTML Efect Ce nu po釘i explica simplu <br> nu 樽n釘elegi suficient. Ce nu po釘i explica simplu nu 樽n釘elegi suficient. Ce nu po釘i explica simplu <br> nu 樽n釘elegi <br> suficient. Ce nu po釘i explica simplu nu 樽n釘elegi suficient. Acceseaz pagina web http://www.w3schools.com -sec iunea HTML Paragraphs- HTML Line Breaks Urmre te exemplul afi at 樽n fereastra Try it yourself>> Editeaz un exemplu asemntor. Acceseaz Edit and Click Me>> Urmre te rezultatul.
- 13. Exerci iul 1 Scrie i secven a de cod HTML necesar afi rii urmtorului text pe 3 linii, folosind eticheta <p>. Cel mai uor tip de rela釘ie este cel cu zeci de mii de oameni. Cel mai greu este cu unul singur. Joan Beaz Elemente de formatare la nivel de linie sau la nivel de text (text-level sau inline) Trecere la linie nou-Inline vs. Block Exerci iul 2 Scrie i secven a de cod HTML necesar afi rii aceluia i text de mai sus pe 3 linii, folosind eticheta <br>.
- 14. Elemente de formatare la nivel de linie sau la nivel de text (text-level sau inline) Etichete HTML de formatare a unui text Pentru eviden ierea textului se folosesc efectele de formatare specifice editoarelor de text. 油 Acceseaz pagina web http://www.w3schools.com -sec iunea HTML Formating - HTML Text Formating Tag. Selecteaz etichetele 樽nv ate. Urmre te exemplele afi ate 樽n fereastra Try it yourself>> Editeaz un exemplu asemntor.Acceseaz Edit and Click Me>>. Urmre te rezultatul.
- 16. Elemente de formatare la nivel de linie sau la nivel de text (text-level sau inline) Etichete HTML pentru afi area codului Aceste elemente sunt folositoare pentru documentarea dezvoltrii codului surs i se refer la: 油Tag Descriere <code></code> Define te codul surs <samp><samp> Define te rezultatul execu iei codului <tt></tt> -a fost ters din HTML 5 Define te text de tip telex <var></var> Define te o variabil <kbd></kbd> Define te un text introdus de la tastatur Acceseaz pagina web http://www.w3schools.com -sec iunea HTML Formating - HTML "Computer Output" Tags Selecteaz etichetele 樽nv ate. Urmre te exemplele afi ate 樽n fereastra Try it yourself>> Editeaz un exemplu asemntor. Acceseaz Edit and Click Me>> Urmre te rezultatul.
- 17. Elementele HTML se pot imbrica. Imbricarea elementelor reprezint 樽ncadrarea unor marcatori 樽n interiorul altor marcatori, fr s afecteze integritatea HTML. Codul HTML este considerat valid dac ace ti marcatori sunt 樽nchi i 樽n ordinea invers 樽n care au fost deschi i . Exemplul 1: Tocmai 樽nv s <b> scriu un cod </b> HTML Tocmai 樽nv s scriu un cod HTML Exemplul 2: Tocmai 樽nv s <em> scriu </em> un <b> cod </b> HTML Tocmai 樽nv scriu un cod HTML Exemplul 3: Tocmai 樽nv s <em> scriu un <b> cod </b> HTML</em> Tocmai 樽nv s scriu un cod HTML Elemente de formatare la nivel de linie sau la nivel de text (text-level sau inline) Imbricarea elementelor
- 18. Elemente de formatare la nivel de linie sau la nivel de text (text-level sau inline) Pagina Web
- 19. V mul umesc pentru aten ie! ntrebri?