[Tutorial HTML] Marcatori si numerotare

#1
Nume Tutorial: Marcatori si numerotare
Descriere: Marcatori si numerotare
Download:
Autor: Anonim
Sursa (Link-ul oficial):
tutorialeonline
Propria parere: Folositor.
Tutorialul:

HTML conţine câteva tag-uri utile pentru aşezarea conţinutului în pagină. Prin acestea textul este mai uşor de citit şi evidenţiat.

1. Elementele pentru marcatori şi numerotare

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

<ul> este elementul de început şi după scrierea listei se încheie cu </ul>.
Majoritatea elementelor pentru marcatori şi numerotare sunt compuse din unu sau mai multe elemente <li> ... </li> (list element). Fără atributul "type" specificat în "<ul>" acestea prezintă un marcaj ca un bullet.

Mai jos puteţi vedea exemplu.

Cod: Selectaţi tot

<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> 
- Sunt 3 tipuri de marcaje: disc, circle (cerc) şi square (pătrat)
- Tipul de marcaj care se doreşte folosit se introduce prin atributul type în eticheta <ul>
Exemplu:

Cod: Selectaţi tot

<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> 
Un alt element folosit pentru formarea listelor (ordonate) este <ol>.

<ol> ... </ol> este un element de numerotare. Elementele din listă sunt numerotate automat.
Împreună cu <ol> se foloseşte <li> ... </li>

Iată un exemplu:

Cod: Selectaţi tot

 
 <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> 
HOME
Voteaza acest articol (doar membrii)
1 2 3 4 5

Marcatori si numerotare

Data publicarii: 09-06-2010 - Copyright © Marius

HTML conţine câteva tag-uri utile pentru aşezarea conţinutului în pagină. Prin acestea textul este mai uşor de citit şi evidenţiat.

1. Elementele pentru marcatori şi numerotare

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

<ul> este elementul de început şi după scrierea listei se încheie cu </ul>.
Majoritatea elementelor pentru marcatori şi numerotare sunt compuse din unu sau mai multe elemente <li> ... </li> (list element). Fără atributul "type" specificat în "<ul>" acestea prezintă un marcaj ca un bullet.

Mai jos puteţi vedea exemplu.
Cod:

<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>

- Sunt 3 tipuri de marcaje: disc, circle (cerc) şi square (pătrat)
- Tipul de marcaj care se doreşte folosit se introduce prin atributul type în eticheta <ul>
Exemplu:
Cod:

<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>

Un alt element folosit pentru formarea listelor (ordonate) este <ol>.

<ol> ... </ol> este un element de numerotare. Elementele din listă sunt numerotate automat.
Împreună cu <ol> se foloseşte <li> ... </li>

Iată un exemplu:
Cod:

<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>

Sunt mai multe tipuri de numerotare care pot fi folosite. Acestea sunt controlate de atributul type care este adăugat în elementul <ol>, le puteţi vedea mai jos:

type="1" - stil: 1, 2, 3, ...
type="a" - stil: a, b, c, ...
type="i" - stil: i, ii, iii, ...
type="I" - stil: I, II, III, ...

De asemenea se poate specifica numărul de început al numerotării printr-o valoare dată atributului start.
Exemplu:

Cod: Selectaţi tot

 <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> 
2. Alte elemente pentru aşezarea textului în pagină

Alte elemente pentru asezarea textului sunt: tag-ul <dl>, care cuprinde în el elementele <dt> şi <dd>

<dl> ... </dl> este folosit (împreună cu "dt" şi "dd") pentru definirea şi încadrarea unei liste de definiţii.
<dt> ... </dt> Defineşte elementul din listă. Fiecare tip de astfel de element trebuie precedat de unul sau mai multe elemente <dd> ... </dd>, folosite pentru descrierea elementului definit.

Aceste elemente ajută pentru a da un aspect ordonat şi plăcut textului şi a putea face o separare mai bună a conţinutului.
În următorul exemplu puteţi vedea cum se folosesc aceste elemente:

Cod: Selectaţi tot

 <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> 
Pentru o eficienţă mai bună se pot combina elementele de marcaj şi numerotare, introducând elementele <ul> şi <ol> îmbricate (unele în celelalte) împreună cu elementele <li>
Exemplu:

Cod: Selectaţi tot

<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> 
- Observaţi că tot ce conţine "<ol> ... </ol>" este adăugat în cadrul unui "<li> </li>"

Înapoi la “Tutoriale HTML”

Cine este conectat

Utilizatori răsfoind acest forum: Niciun utilizator înregistrat și 1 vizitator

cron