Descriere: Marcatori si numerotare
Download:
Autor: Anonim
Sursa (Link-ul oficial): 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>
- 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>
<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>
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>
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>
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>