Radio Wizz
Mesaj din partea administratorului :'Inregistreaza-te pentru a putea populariza forumul' (Ai indeplinit dorinta administratorului acesta sa-r putea sa te recompenseze !



 
AcasaPortalInregistrareConectare
Forum creat de @Dy
FORUMUL ESTE IN CONSTRUCTIE!!!
NOUL NUME AL FORUMULUI ESTE http://gameszone.forumz.ro/
GaM3sZone!!

Distribuiţi | 
 

 Marcatori si numerotare -TUTORIALE HTML

In jos 
AutorMesaj
@Dy
Admin
Admin
avatar

masculin Mistret
Mesaje : 135
Reputatie : 7
Data de inscriere : 30/01/2011
Varsta : 23
Localizare : PloIesTy

MesajSubiect: Marcatori si numerotare -TUTORIALE HTML   Mar Apr 05, 2011 6:46 pm

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



  • - <ul> este elementul de început si dupa scrierea listei se incheie cu </ul>.
  • - Majoritatea elementelor pentru marcatori si numerotare sunt compuse din unu sau mai multe elemente <li> ... </li> (list element). Fara atributul "type" specificat in "<ul>" acestea prezintă un marcaj ca un bullet.

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:


  • List item 1 ...
  • List item 2 ...
  • List item 3 ...



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


  • List item 1 ...
  • List item 2 ...
  • List item 3 ...




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


  • - <ol> ... </ol> este un element de numerotare. Elementele din lista sunt numerotate automat.
  • - Impreuna cu <ol> se foloseste <li> ... </li>

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:


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



  • - <dl> ... </dl> este folosit (impreuna cu "dt" si "dd") pentru definirea si incadrarea unei liste de definitii.
  • - <dt> ... </dt> Defineste elementul din lista. Fiecare tip de astfel de element trebuie precedad de unul sau mai multe elemente <dd> ... </dd>, folosite pentru descrierea elementului definit.

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 webDogdog = caineanimal 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:


  • List item 1 ...
  • List item 2 ...

    1. Alt List item ...
    2. Alt List item ...
    </li>
  • List item 5 ...




Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven :star
ID Y|M:ady_fitz33@yahoo.com
Nume pe metin:SeeYouMee
GRAD PE Mp3Kiss : Detinator
VA urez o zi placuta !!!!!!!
Da-ti mass cu forumul nostru!

Sus In jos
http://extremgames.forumz.ro
 
Marcatori si numerotare -TUTORIALE HTML
Sus 
Pagina 1 din 1

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
Radio Wizz :: SITE&FORUM :: SITE-
Mergi direct la: