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 HTML5 adauga o aplicatie externa (SWF, PDF) in pagina web?

<embed src="flash_game.swf" width="450" height="350" />

Ce pseudo-element adauga un anume stil la prima linie de text din element?

:first-letter :before :first-line

#id:first-line {
  font-weight: bold;
  color: blue;
}

Clic pe proprietatea obiectului window care preia sau seteaza adresa URL a paginii curente.

window.location window.self window.status

var url = window.location;
alert(url);

Indicati functia PHP care preia continutul unui fisier sau pagina si-l adauga intr-un sir.

fopen() file_put_contents() file_get_contents()

$homepage = file_get_contents("http://www.marplo.net/");
echo $homepage;

Care din urmatoarele perechi de numere sunt in ordine unul dupa altu?

seven - eight ten - six three - five

This fruit has seven or eight seeds.
- Acest fruct are sapte sau opt seminte.

Care din urmatoarele perechi de numere sunt in ordine unul dupa altu?

diez - seis siete - ocho tres - cinco

Esta fruta tiene siete u ocho semillas.
- Acest fruct are sapte sau opt seminte.

Last accessed pages

Viitor simplu si continuu - Future Tense Simple and Continuous ^(12507)
Instructiuni repetitive for si while ⁽⁹⁸⁹⁾
Prezentul simplu si continuu - Present Tense Simple and Continuous ^(32864)
Curs PHP MySQL, Tutoriale si Scripturi PHP ⁽⁶⁶⁴¹⁾
Conditional IF in Limba Engleza - Fraze Conditionale ^(20696)

Popular pages this month

Gramatica limbii engleze - Prezentare Generala ⁽²⁰²⁹⁾
Prezentul simplu si continuu - Present Tense Simple and Continuous ⁽¹⁴¹⁴⁾
Cursuri si Tutoriale: Spaniola, Engleza, HTML, CSS, Php-Mysql, JavaScript, Ajax ⁽⁹⁹⁷⁾
Trecutul simplu si continuu - Past Tense Simple and Continuous ⁽⁹⁸⁰⁾
Prezent perfect si Prezent perfect continuu - Present perfect 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