Curs Html

HTML contine mai multe elemente, tag-uri si atribute, pentru afisarea textului in mai multe formate cu aspecte grafice diferite.


Aliniere text

Alinierea textului se poate face cu proprietatea css text-align:valoare; in style, unde "valoare" poate fi: left (stanga), center (centru) sau right (dreapta). Modul implicit e "left".

<div style="text-align:center;"> Continutul de aici va fi aliniat pe centru Div-ului. </div>

Marimea, fontul si culoarea textului

In atributul style se pot adauga proprietati CSS prin care puteti modifica aspectul textului, cum sunt tipul fontului folosit, marimea si culoarea textului.


Bold, Italic, Underline si alte elemente

Elemente des folosite pentru formatul textului sunt:

Exemple:
<b> Bold </b>
<i> Italic </i>
<u> Underline </u>

Alte elemente folosite pentru formatul textului sunt:
Mai jos puteti vedea câteva exemple de coduri si modul lor de afisare in browser.
<!DOCTYPE html> 
<html>
<head>
<title>titlu documentului</title>
</head>
<body>
<div>
<span style="font-size:19px;">Font 19px.</span> - normal - <span style="font-size:12px;">Marime font 12px.</span><br>
<b>Bold</b>- <i> Italic </i> - <u> Subliniat </u> -
<span style="color:#fb0000"> Colorat </span><br>
<em>Accentut em</em> - <strong> Strong </strong><br>
<cite> Citatie </cite>
</div>
</body>
</html>

Alte tag-uri HTML pentru formatul textului


In continuare puteti vedea un exemplu cu aceste coduri de mai sus si felul cum sunt afisate de browser.
<!DOCTYPE html> 
<html>
<head>
<title>Titlu documentului</title>
</head>
<body>
<p>
<del> Text taiat </del><br>
<small> Prezinta textul intr-un font mic </small><br>
<sub> Aseaza textul in pozitia subscript </sub> normal
<sup> Aseaza textul in pozitia superscript </sup><br>
</p>
</body>
</html>
- Urmatoarele elemente pentru format sunt folosite mai rar si sunt pentru documente cu aplicatii tehnice
In continuare puteti vedea un exemplu cu aceste coduri de mai sus si felul cum sunt afisate de browser.
<!DOCTYPE html> 
<html>
<head>
<title>Titlu documentului</title>
</head>
<body>
<p>
<dfn>dfk - exemplu de termen inchis </dfn><br>
<code>code - Folosit pentru cod de program </code><br>
<samp>samp - simple productii de programe, scripturi , etc. </samp><br>
<kbd>kbd - pentru text care va fi scris de utilizator </kbd><br>
<var>var - variabile de program </var><br>
</p>
</body>
</html>
- Alte elemente pentru formatul textului:
In continuare puteti vedea un exemplu cu aceste coduri de mai sus si felul cum sunt afisate de browser.
<!DOCTYPE html> 
<html>
<head>
<title>Titlu documentului</title>
</head>
<body>
<q>Daca vrei si crezi, orice este posibil.</q>
<blockquote>
Bucuriile neimpartasite pot aduce tristete iar suferinta impartasita poate sa aduca bucurie. <br>
Aceasta este prima zi din restul vietii tale.
</blockquote>
<div style="text-align:center;">
<address>180 Attwell Dr. Suite 130 <br> Toronto, ON <br> M9W 6A9</address>
</div>
</body>
</html>

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Ce tag se foloseste pentru a adauga liste in elemente <ul> si <ol>?
<dt> <dd> <li>
<ul>
 <li>http://coursesweb.net/html/</li>
 <li>http://www.marplo.net/html/</li>
</ul>
Care valoare a proprietatii "display" seteaza elementul ca tip bloc si afiseaza un punct in fata?
block list-item inline-block
.some_class {
  display: list-item;
}
Care instructiune JavaScript transforma un obiect in sir JSON.
JSON.parse() JSON.stringify eval()
var obj = {
 "courses": ["php", "javascript", "ajax"]
};
var jsonstr = JSON.stringify(obj);
alert(jsonstr);    // {"courses":["php","javascript","ajax"]}
Indicati clasa PHP folosita pentru a lucra cu elemente HTML si XML in PHP.
stdClass PDO DOMDocument
$strhtml = '<body><div id="dv1">CoursesWeb.net</div></body>';
$dochtml = new DOMDocument();
$dochtml->loadHTML($strhtml);
$elm = $dochtml->getElementById("dv1");
echo $elm->nodeValue;    // CoursesWeb.net
Indicati forma de Prezent Continuu a verbului "to live" (a trai /a locui)
lived living liveing
I`m living here.
- Traiesc /Locuiesc aici.
Care este forma de Gerunziu (sau Participiu Prezent) a verbului "vivir" (a trai /a locui)?
vivió vivido viviendo
Estoy viviendo aquí.
- Traiesc /Locuiesc aici.
Formatare text in pagina html

Last accessed pages

  1. Viitor simplu si continuu - Future Tense Simple and Continuous (35935)
  2. Conditional IF in Limba Engleza - Fraze Conditionale (84466)
  3. Curs HTML gratuit Tutoriale HTML5 (138713)
  4. Prezentul simplu si continuu - Present Tense Simple and Continuous (106877)
  5. Titluri, Paragrafe, Un nou rand, Linie orizontala (22913)

Popular pages this month

  1. Prezentul simplu si continuu - Present Tense Simple and Continuous (4114)
  2. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (4079)
  3. Curs HTML gratuit Tutoriale HTML5 (3413)
  4. Curs PHP MySQL, Tutoriale si Scripturi PHP (2832)
  5. Curs CSS Online Tutoriale CSS3 (2813)