Titluri <Hx> ... </Hx>
- - Pentru titluri din continutul documentului HTML este indicat folosirea etichetelor <Hx>, (headings) unde 'x' este un numar intre 1 si 6.
- - In cadrul elementului BODY, elementele Headings sunt folosite ca titluri sau pentru o mai buna impartire a continutului paginii.
- - Mărimea textului înconjurat de elementul Heading variază de la foarte mare, in <H1> pana la foarte mic in <H6>.
Exemplu:
<!DOCTYPE html>
<html>
<head>
<title>Titlu documentului</title>
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</body>
</html>
Paragraf <p> ... </p>
- - Paragrafele permit sa adaugi text in document astfel incat lungimea de afisare a textului va fi ajustata de marimea deschiderii browser-ului si fiecare paragraf va incepe un nou rând.
- - Distanta dintre doua paragrafe succesive este mare deoarece browser-ul le afiseaza cu un rând gol intre ele.
Mai jos puteti vedea exemplu:
<!DOCTYPE html>
<html>
<head>
<title>Titlu documentului</title>
</head>
<body>
<p>Paragraf 1</p>
<p>Paragraf 2</p>
<p>Paragraf 3</p>
<p>Paragraf 4</p>
</body>
</html>
Un nou rand <br>
- - Tag-ul <br> permite sa decizi unde textul va incepe un nou rând, astfel se forteaza începerea unui nou rând.
- - <br> este un Element Gol dar poate sa conţina atribut. <br> nu are si nu cere element de închidere, nu se foloseste </br>
Mai jos puteti vedea exemplu:
<!DOCTYPE html>
<html>
<head>
<title>Titlu documentului</title>
</head>
<body>
<h1>Heading 1</h1>
<p>Paragraf 1<br>
Linie 2<br>
Linie 3<br>
... </p>
<p>Paragraf 2</p>
</body>
</html>
- Elementul
<br> poate avea atribute, precum: "style", "class".
Linie orizontala <hr>
- - Acest element afiseaza o linie orizontala in document
- - Acest element nu foloseşte element de închidere [</hr>]
- - Elementul <hr> poate folosi atribute: "style", "class", "id".
Culoarea linie se defineste cu proprietatea css: background, iar grosimea cu proprietatea css: height.
Mai jos puteti vedea exemplu:
<!DOCTYPE html>
<html>
<head>
<title>Titlu documentului</title>
</head>
<body>
<h1>Heading 1</h1>
<p>Paragraf 1<br>
Linie 2<br>
Linie 3<br>
... </p>
<hr>
<hr style="background:#1111fe; height:3px; width:50%;">
<p>Paragraf 2</p>
</body>
</html>
Un Test simplu in fiecare zi
HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Ce tip de <input> creaza o paleta de culori pentru selectare culoare?
type="text" type="color" type="date"<input type="color" name="get_color" />
Care metoda CSS roteste elementul HTML la un anumit numar de grade?
scale() translate() rotate()#some_id:hover {
transform: rotate(60deg);
-ms-transform: rotate(60deg); /* IE 9 */
-moz-transform: rotate(60deg); /* Firefox */
}Click pe functia care returneaza numarul cel mai mare.
pow() min() max()var maxn = Math.max(8, 4, 88, 56);
alert(maxn); // 88
Ce functie previne ca un fisier sa fie inclus mai mult de o data intr-o pagina?
include() include_once() require()include_once("un_fisier.php");Care este traducerea corecta pentru: "Ahead of time"?
Peste timp La timp Inainte de vremeMost people arrived ahead of time.
- Cei mai multi oameni au sosit inainte de vreme (prea devreme).
Indicati traducerea corecta a cuvantului "buenísimo"
mai bun mai putin bun extrem de bunEste fruto es buenísimo.
- Acest fruct este extrem /nemaipomenit de bun.