HTML contine cateva tag-uri utile pentru asezarea continutului in pagina. Prin acestea textul este mai usor de citit si evidentiat.

1. Elementele pentru marcatori si numerotare

Un element des folosit in formarea listelor (neordonate) este <ul>.


Mai jos puteti vedea exemplu.
<html>
<head>
<title>titlu documentului</title>
</head>
<body>
<ul>
<li>List item 1 ...</li>
<li>List item 2 ...</li>
<li>List item 3 ...</li>
</ul>
</body>
</html>
- In pagina web apare asa:

- Sunt 3 tipuri de marcaje: disc, circle (cerc) si square (patrat)
- Tipul de marcaj care se doreste folosit se introduce prin atributul type in eticheta <ul>
- Exemplu:
<html>
<head>
<title>titlu documentului</title>
</head>
<body>
<ul type="square">
<li>List item 1 ...</li>
<li>List item 2 ...</li>
<li>List item 3 ...</li>
</ul>
</body>
</html>
- In pagina web apare asa:

Un alt element folosit pentru formarea listelor (ordonate) este <ol>. Iata un exemplu:
<html>
<head>
<title>titlu documentului</title>
</head>
<body>
<ol>
<li>List item 1 ...</li>
<li>List item 2 ...</li>
<li>List item 3 ...</li>
</ol>
</body>
</html>
- In pagina web apare asa:
  1. List item 1 ...
  2. List item 2 ...
  3. List item 3 ...
Sunt mai multe tipuri de numerotare care pot fi folosite. Acestea sunt controlate de atributul "type care este adaugat in elementul <ol>, le puteti vetea mai jos: De asemenea se poate specifica numarul de inceput al numerotarii printr-o valoare data atributului start.
Exemplu:
<html>
<head>
<title>titlu documentului</title>
</head>
<body>
<ol type="a">
<li>List item 1 ...</li>
<li>List item 2 ...</li>
<li>List item 3 ...</li>
</ol>
- Alta lista:
<ol type="I" start="3">
<li>List item 1 ...</li>
<li>List item 2 ...</li>
<li>List item 3 ...</li>
</ol>
</body>
</html>
- In pagina web apare asa:
  1. List item 1 ...
  2. List item 2 ...
  3. List item 3 ...
- Alta lista:
  1. List item 1 ...
  2. List item 2 ...
  3. List item 3 ...

2. Alte elemente pentru asezarea textului in pagina

Alte elemente pentru asezarea textului sunt: tag-ul <dl>, care cuprinde in el elementele <dt> si <dd>

Aceste elemente ajuta pentru a da un aspect ordonat si placut textului si a putea face o separare mai buna a continutului.
In urmatorul exemplu puteti vedea cum se folosesc aceste elemente :
<html>
<head>
<title>titlu documentului</title>
</head>
<body>
<dl>
  <dt>HTML</dt>
    <dd> - Hyper Text Markup Language</dd>
    <dd> - Limbaj pentru pagini web</dd>
  <dt>Dog</dt>
    <dd>dog = caine</dd>
    <dd>animal de casa</dd>
</dl>
</body>
</html>
- In pagina web apare asa:
HTML
- Hyper Text Markup Language
- Limbaj pentru pagini web
Dog
dog = caine
animal de casa

Pentru o eficienta mai buna se pot combina elementele de marcaj si numerotare, introducand elementele <ul> si <ol> imbricate (unele in celelalte) impreuna cu elementele <li>
Exemplu:
<html>
<head>
<title>titlu documentului</title>
</head>
<body>
<ul type="square">
<li> List item 1 ... </li>
<li> List item 2 ...
    <ol type="a" start="3">
        <li> Alt List item ... </li>
        <li> Alt List item ... </li>
    </ol></li>

<li> List item 5 ... </li>
</ul>
</body>
</html>
- Observati ca tot ce contine "<ol> ... </ol>" este adaugat in cadrul unui "<li> </li>"
- In pagina web apare asa:

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care tag se foloseste in <table> pentru a crea celula de tip "header"?
<thead> <th> <td>
<table><tr>
  <th>Title 1</th>
  <th>Title 2</th>
</tr></table>
Ce proprietate CSS seteaza distanta dintre randuri?
line-height word-spacing margin
.some_class {
  line-height: 150%;
}
Care functie deschide o noua fereastra.
alert() confirm() open()
document.getElementById("id_button").onclick = function(){
  window.open("http://coursesweb.net/");
}
Indicati functia PHP care returneaza un array cu numele fisierelor si directoarelor dintr-un director.
mkdir() scandir() readdir()
$ar_dir = scandir("dir_name");
var_export($ar_dir);
Care din urmatoarele forme a verbului "sleep" (a dormi) se foloseste pentru viitor?
sleeping slept will sleep
He will sleep there.
- El va dormi acolo.
Care din urmatoarele forme a verbului "dormir" (a dormi) se foloseste pentru viitor?
dormido dormirá durmiendo
Él dormirá allí.
- El va dormi acolo.
Marcatori si numerotare

Last accessed pages

  1. Lectii audio-video de limba engleza, animate (120)
  2. Clasificarea adverbelor - Adverbs classification (208)
  3. Jocuri Zuma (1512)
  4. Trecutul continuu - Exercitii si teste incepatori (157)
  5. Flash Chess 3 (521)

Popular pages this month

  1. Bubbles3 (3301)
  2. Gramatica limbii engleze - Prezentare Generala (2644)
  3. Prezentul simplu si continuu - Present Tense Simple and Continuous (2358)
  4. Butterfly Kyodai (2100)
  5. Zuma Deluxe (2024)