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 <em>foarte</em> simplă.
Salvați modificările și vizualizați fișierul în browser.
După cum puteți vedea, textul devine italic, începând cu <em> și terminând cu </em>. 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 <em>foarte</em> 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”.)
Sursa: “The Pocket HTML Tutorial” Copyright 2022 de Evan Goer, licența CC BY 3.0. Traducere și adaptare de Nicolae Sfetcu
Războiul electronic și inteligența artificială
Războiul electronic este o componentă critică a operațiunilor militare moderne și a suferit progrese semnificative în ultimii ani. Această carte oferă o privire de ansamblu asupra războiului electronic, a dezvoltării sale istorice, a componentelor cheie și a rolului său în … Citeşte mai mult
Criptomonede
Odată cu popularitatea crescândă a pieței criptovalutelor, și numărul mare de criptomonede nereglementate (câteva sute), o atenție mai mare este acordată acum acestei activități de guverne și alte părți interesate din întreaga lume. De notat capitalizarea de piață totală a … Citeşte mai mult
Business intelligence și analitica în afaceri
Datele sunt fapte și cifre brute, iar informațiile sunt date semnificative care ar fi utile pentru o persoană sau companie. Business intelligence extrage informații din datele brute prin instrumente precum mineritul datelor, analiza perspectivală, procesarea analitică online etc. Cartea va oferi … Citeşte mai mult
Lasă un răspuns