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
Etica Big Data în cercetare
Principalele probleme cu care se confruntă oamenii de știință în lucrul cu seturile mari de date (Big Data), evidențiind principale aspecte etice, luând în considerare inclusiv legislația din Uniunea Europeană. După o scurtă Introducere despre Big Data, secțiunea Tehnologia prezintă … Citeşte mai mult
Tehnologia Blockchain – Bitcoin
Internetul a schimbat complet lumea, cultura şi obiceiurile oamenilor. După o primă fază caracterizată prin transferul liber al informaţiilor, au apărut preocupările pentru siguranţa comunicaţiilor online şi confidenţialitatea utilizatorilor. Tehnologia blockchain asigură ambele aceste deziderate. Relativ nouă, ea are şansa să producă … Citeşte mai mult
Introducere în inteligența artificială
Inteligența artificială s-a dezvoltat exploziv în ultimii ani, facilitând luarea deciziilor inteligente și automate în cadrul scenariilor de implementare. Inteligența artificială se referă la un ecosistem de modele și tehnologii pentru percepție, raționament, interacțiune și învățare. Asistăm la o convergență … Citeşte mai mult
Lasă un răspuns