Titluri, Paragrafe, Un nou rand, Linie orizontala

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>

<<-Creare si editare pagini .. -- Formatare text in pagina ..->>

Un Test simplu in fiecare zi

HTML

CSS

JavaScript

PHP-MySQL

Engleza

Spaniola

Care tag defineste zona de click intr-o harta creata dintr-o imagine?

<img src="image.jpg" usemap="#map1">
<map name="map1">
  <area shape="rect" coords="9, 120, 56, 149" href="#">
  <area shape="rect" coords="100, 200, 156, 249" href="#">
</map>

Ce proprietate CSS indica ce sa se intample cand continutul unui element depaseste dimensiunile lui?

display overflow position

#id {
  overflow: auto;
}

Clic pe evenimentul care este declansat cand mouse-ul e deasupra unui obiect.

onclick onmouseover onmouseout

document.getElementById("id").onmouseover = function(){
  document.write("Sa ai Viata Buna");
}

Indicati variabila PHP ce contine datele adaugate in adresa URL, dupa caracterul "?".

$_SESSION $_GET $_POST

if(isset($_GET["id"])) {
  echo $_GET["id"];
}

Clic pe pronumele reflexiv care e potrivit in propozitia: "Marc is the boy ... won the prize".

who which whoever

Marc is the boy who won the prize.
- Marc e baiatul care a castigat premiul.

Clic pe pronumele reflexiv care e potrivit in propozitia: "Voy a ver al pintor de ... les hablé ayer".

que quien cuyo

Voy a ver al pintor de quien les hablé ayer.
- Ma duc sa vad pictorul despre care ti-am vorbit ieri.

Last accessed pages

Programe pentru invatare limba Spaniola ⁽³¹⁰⁶⁾
Numere cardinale 31-1000 ⁽⁵⁶⁹⁾
Saber vs Conocer Pedir vs Preguntar ⁽³⁰⁹⁾
Gramatica limbii spaniole. Indrumator si prezentare generala ^(22354)
Jokes - Glume, Bancuri, Humor ⁽³¹⁹⁸⁾

Popular pages this month

Gramatica limbii engleze - Prezentare Generala ⁽²⁵⁶⁵⁾
Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax ⁽⁸²¹⁾
Gramatica limbii spaniole. Indrumator si prezentare generala ⁽⁶⁴²⁾
Alphabet and Pronunciation - Alfabetul si pronuntia in limba engleza ⁽⁵⁹⁴⁾
Prezentul simplu si continuu - Present Tense Simple and Continuous ⁽⁵⁶⁵⁾

Titluri, Paragrafe, Un nou rand, Linie orizontala

Curs Html

Titluri <Hx> ... </Hx>

Paragraf <p> ... </p>

Un nou rand <br>

Linie orizontala <hr>

Un Test simplu in fiecare zi

HTML

CSS

JavaScript

PHP-MySQL

Engleza

Spaniola

Last accessed pages

Popular pages this month