Scrigroup - Documente si articole

     

HomeDocumenteUploadResurseAlte limbi doc
AccessAdobe photoshopAlgoritmiAutocadBaze de dateCC sharp
CalculatoareCorel drawDot netExcelFox proFrontpageHardware
HtmlInternetJavaLinuxMatlabMs dosPascal
PhpPower pointRetele calculatoareSqlTutorialsWebdesignWindows
WordXml


Liste neordonate

html



+ Font mai mare | - Font mai mic



Liste neordonate

O lista neordonata este un bloc de text delimitat de etichetele corespondente <ul></ul> ('ul' vine de la 'unordered list' = lista neordonata). Fiecare element al listei este initiat de eticheta <li> (list item).



Lista va fi indentata fata de restul paginii Web si fiecare element al listei incepe pe un rand nou.

<html>

<head><title>lista_5</title></head>

<body><h1 align=center>O lista neordonata</h1><hr>

Glosar de termeni de World Wide Web

<ul>Culori uzuale disponibile prin nume

<li>Black <li>White <li>Red <li>Green <li>Blue <li>Yellow <li>Purple <li>Aqua

</ul>

</body>

</html>

Tag-urile <ul> si <li> pot avea un atribut type care stabileste caracterul afisat in fata fiecarui element al listei. Valorile posibile al acestui atribut sunt:

* 'circle' (cerc)

* 'disc' (disc plin) (valoarea prestabilita);

* 'square' (patrat)

Listele neordonate pot fi imbricate pe mai multe niveluri.

<html>

<head><title>lista_6</title></head>

<body><h1 align=center>O lista neordonata de liste neordonate</h1><hr>

Glosar de termeni de World Wide Web

<ul>Elemente si atribute a unei pagini HTML

<li>Frameset <ul>Atribute: <li>cols <li>rows <li>border </ul>

<li>Frame <ul>Atribute: <li>src <li>name <li>scrolling </ul>

</ul>

</body>

</html>

Listele ordonate pot fi imbricate intre ele sau cu liste neordonate, ca in exemplul urmator.

<html>

<head><title>lista_7</title></head>

<body><h1 align=center>O lista ordonata de liste ordonate si neordonate</h1><hr>

<ol>Un sistem informatic include:

<li>Hardware:

<ol>

<li>placa de baza

<li>procesor

<li>memorie

<li>harddisk

</ol>

<li>Software:

<ul>

<li>Linux

<li>Windows

<li>OS/2

<li>Unix

</ul>

<li>Software de aplicatie:

<ul type='disc'>

<li>VisualC++

<li>Java

<li>SQL

<li>CorelDraw

</ul>

</ol>

</body>

</html>

Lista de definitii

Unul din cele mai obisnuite elemente din documentele HTML este un set de definitii, referinte sau indexuri. Glosarele sunt exemple clasice in acest sens; cuvintele sunt listate in ordine alfabetica, urmate de definitii ale termenilor respectivi. In HTML, intreaga sectiune a unui glosar va fi gestionata printr-o lista de definitii, care este inclusa intr-o pereche de marcaje de lista de definitii: <dl></dl> (de la 'definition list' = lista de definitii).

Observatii:

-Un termen al listei este initiat de eticheta <dt> (de la 'definition term' = termen definit);

-Definitia unui termen este initiata de eticheta <dd> (de la 'definition description' = descrierea definitiei);

In exemplul urmator lista de definitii are urmatoarele tag-urile:

<dl>

<dt>TERMEN DE DEFINIT 1

<dd>DEFINITIA TERMENULUI 1

<dt>TERMEN DE DEFINIT 2

<dd>DEFINITIA TERMENULUI 2

</dl>

Un exemplu concret de lista de definitii se prezinta astfel:

<html>

<head><title>lista_8</title></head>

<body><h1 align=center>O lista de definitii</h1><hr>

<dl>

Glosar de termeni de World Wide Web

<dt><b>hypertext</b>

<dd>- o interconectare Web de informatii de tip text, in care orice cuvant sau fraza poate face legatura catre un alt punct din document sau catre un alt document

<dt><b>date</b>

<dd>- fluxul nesfarsit de materiale care apar pe Internet, spre deosebire de informatii care sunt date cu un anumit inteles sau valoare

<dt><b>informatie</b>

<dd>- sub-setul de date care are efectiv semnificatie si care este util la momentul curent

</dl>

</body>

</html>

O lista de definitii mai speciala avem in exemplul de mai jos:

<html>

<head><title>lista_</title></head>

<body><h1 align=center>O lista de definitii speciala</h1><hr>

<dl>Program

<dt><b>Luni</b>

<dt><b>Marti</b>

<dt><b>Miercuri</b>

<dd><i>Ora 9.00.</i> Insciere

<dd><i>Ora 11.00.</i> Audieri

<dd><i>Ora 13.30.</i> Raspunsuri

</dl>

</body>

</html>



Politica de confidentialitate | Termeni si conditii de utilizare



DISTRIBUIE DOCUMENTUL

Comentarii


Vizualizari: 1535
Importanta: rank

Comenteaza documentul:

Te rugam sa te autentifici sau sa iti faci cont pentru a putea comenta

Creaza cont nou

Termeni si conditii de utilizare | Contact
© SCRIGROUP 2024 . All rights reserved