Alterări de cod HTML

Să facem câteva modificări la „O pagină web simplă” din „Să începem”.

Exemplul 1.3. Adăugarea de text

<html> <head> <title>O pagină web simplă</title> </head> <body> Aceasta este o pagină web simplă. Și vreau să spun foarte simplă. </body> </html>

Pentru a vizualiza această modificare:

Adăugați textul cu caractere aldine în fișierul dvs. simplu.html.
Salvați fișierul ca adaugare.html.
Deschideți fișierul adaugare.html în browser.

HTML și spațiul alb

Ce s-a intamplat aici? De ce sunt cele două propoziții pe aceeași linie?

HTML ignoră spațiile albe (spații, tabulări sau retururi de car) din sursă. Înlocuiește toate bucățile continue de spațiu alb cu un singur spațiu: ” “. Deși ți-ar putea lua ceva timp pentru a te obișnui cu acest comportament, avantajul este că poți folosi spațiile albe pentru a face codul mai lizibil, iar browserul poate ajusta liber rupturile de linie pentru dimensiunea ferestrei și dimensiunea fontului fiecărui utilizator.

Exemplul 1.4, „Text împrăștiat” se afișează în browser în mod identic cu Exemplul 1.3, „Adăugarea de text”. Încearcă.

Exemplul 1.4. Text împrăștiat

<html> <head> <title>O pagină web simplă</title> </head> <body> Aceasta este o pagină web simplă. Și vreau să spun

foarte simplă. </body> </html>

Notă

Pentru concizie, exemplele ulterioare vor omite elementele html, head, title și body, deoarece doar schimbăm conținutul corpului. Dacă conținutul principal devine din nou important, îl vom adăuga înapoi.

Desigur, HTML oferă multe modalități de a controla spațiul alb. Pentru câteva exemple simple, consultați secșiunea „Retururi de paragraf”.

Sublinierea textului

Acum schimbați textul paginii dvs. web simple în:

Exemplul 1.5. Text accentuat

Aceasta este o pagină web simplă. Și vreau să spun foarte simplă.

Salvați modificările și vizualizați fișierul în browser.

După cum puteți vedea, textul devine italic, începând cu și terminând cu . Elementul em reprezintă text accentuat – text pe care l-ați sublinia atunci când vorbiți. Elementul em este primul nostru exemplu de element care poate afecta aspectul fizic al textului.

Pentru mai multe exemple de elemente care pot afecta aspectul textului, consultați „Stiluri de font”.

Schimbarea culorii de fundal

Să facem ceva mai dramatic:

Exemplul 1.6. Culoare de fundal

<html> <head> <title>O pagină web simplă.</title> </head> <body style="background: yellow"> Aceasta este o pagină web simplă. Și vreau să spun foarte simplă. </body> </html>

Un pic ciudat… dar lucrurile ar putea fi și mai rele. Încercați background: red, de exemplu.

Acesta este primul nostru exemplu de attribute, o componentă a unui element care modifică comportamentul acelui element. Pentru unele elemente, cum ar fi elementul body, atributele sunt opționale. Pentru alte elemente, atributele sunt esențiale. Vom discuta despre atribute mai târziu, în „Atribute”.

Încercați și alte cuvinte de culoare: blue, teal, limegreen, papayawhip… Ce funcționează? Ce nu? (Dacă sunteți interesat, nu ezitați să treceți la secțiunea numită „Culori”.)

Marketing ecologic în Uniunea Europeană

Într-o economie globalizată, nivelurile medii de consum sunt în creştere ca urmare: a populaţiei mondiale în creştere; sporirii numărului de consumatori cu venituri medii şi mici şi extinderii unei culturi generale a consumului; sistemelor economice din societăţile industrializate bazate pe … Citeşte mai mult

Nu a fost votat 0.00 lei Selectează opțiunile