Hoe maak je een lijst met opsommingen in HTML? HTML-lijst met opsommingstekens en genummerde lijst

Een lijst met opsommingstekens wordt gedefinieerd door vóór elk lijstitem een klein opsommingsteken toe te voegen, meestal in de vorm van een gevulde cirkel. De lijst zelf wordt gevormd met behulp van een container

zoals hieronder weergegeven.
- Eerste punt
- Tweede punt
- Derde punt
De lijst moet een afsluitende tag bevatten

, anders treedt er een fout op. Afsluitende tag Hoewel dit niet verplicht is, raden we altijd aan om het toe te voegen aan duidelijk gescheiden lijstitems.

Voorbeeld 11.1 toont de HTML-code voor het toevoegen van een lijst met opsommingstekens aan een webpagina.

Voorbeeld 11.1. Maak een lijst met opsommingstekens

Lijst met opsommingstekens

Cheburashka
Krokodil Gena
Sjapoklyak
Rat Larisa

Resultaat dit voorbeeld getoond in afb. 11.1.

Rijst. 11.1. Lijstweergave met opsommingstekens

Let op de opvulling bovenaan, onderaan en links van de lijst. Dergelijke streepjes worden automatisch toegevoegd.

Markeringen kunnen drie vormen aannemen: cirkel (standaard), cirkel en vierkant. Om een markeringsstijl te selecteren, gebruikt u het type-attribuut van de tag

Geldige waarden

Lijsttype	HTML-code	Voorbeeld
Lijst met cirkelmarkeringen		Eerst Seconde Derde
Lijst met cirkelkogels		Eerst Seconde Derde
Lijst met vierkante kogels		Eerst Seconde Derde

Het uiterlijk van de marker kan enigszins variëren, afhankelijk van het product verschillende browsers, evenals bij het wijzigen van het lettertype en de tekstgrootte.

Het maken van een lijst met vierkante opsommingstekens wordt getoond in Voorbeeld 11.2.

Voorbeeld 11.2. Type markeringen

Lijst met opsommingstekens

Veranderende overtuigingen

verandering in religieus geloof (optioneel: boeddhisme, confucianisme, hindoeïsme). Speciale aanbieding- Jodendom en Islam samen;
een verandering in het geloof in de onfeilbaarheid van de favoriete partij;
het geloof dat buitenaardse wezens bestaan;
voorkeur voor een politiek systeem als het beste in zijn soort (keuze uit: feodalisme, socialisme, communisme, kapitalisme).

Het resultaat van dit voorbeeld wordt getoond in Fig. 11.2.

Maak een lijst aan Microsoft Word Het is heel eenvoudig, slechts een paar klikken. Bovendien kunt u met het programma niet alleen een lijst met opsommingstekens of een nummer maken terwijl u typt, maar ook tekst die al is getypt naar een lijst converteren.

In dit artikel gaan we dieper in op het maken van een lijst in Word.

Als u alleen maar van plan bent tekst af te drukken die moet worden opgemaakt als een lijst met opsommingstekens, volgt u deze stappen:

1. Plaats de cursor aan het begin van de regel die het eerste lijstitem moet bevatten.

2. In een groep "Paragraaf", dat zich op het tabblad bevindt "Thuis", druk op de knop “Lijst met opsommingstekens”.

3. Voer het eerste item in de nieuwe lijst in en druk op "BINNENKOMEN".

4. Voer alle volgende opsommingstekens in door op het einde van elk opsommingsteken te klikken "BINNENKOMEN"(na een punt of puntkomma). Wanneer u klaar bent met het invoeren van het laatste item, drukt u tweemaal op "BINNENKOMEN" of klik "BINNENKOMEN" en dan "Backspace" om de modus voor het maken van opsommingstekens te verlaten en normaal door te gaan met typen.

Voltooide tekst naar een lijst converteren

Uiteraard moet elk item in de toekomstige lijst op een aparte regel staan. Als uw tekst nog niet in regels is verdeeld, doet u het volgende:

1. Plaats de cursor aan het einde van het woord, de woordgroep of zin die het eerste item in de toekomstige lijst zou moeten zijn.

2. Klik "BINNENKOMEN".

3. Herhaal dezelfde actie voor alle volgende items.

4. Selecteer een stuk tekst dat een lijst moet worden.

5. Op het paneel snelle toegang op het tabblad "Thuis" klik op de knop “Lijst met opsommingstekens”(groep "Paragraaf").

Advies: Als er nog geen tekst staat na de lijst met opsommingstekens die u hebt gemaakt, dubbelklikt u erop "BINNENKOMEN" aan het einde laatste punt of klik "BINNENKOMEN" en dan "Backspace" om de modus voor het maken van lijsten te verlaten. Ga door met typen zoals gewoonlijk.

Als u een genummerde lijst wilt maken in plaats van een lijst met opsommingstekens, klikt u op “Genummerde lijst” zich in de groep bevindt "Paragraaf" op het tabblad "Thuis".

Het lijstniveau wijzigen

De aangemaakte genummerde lijst kan naar links of rechts worden verschoven, waardoor de “diepte” (niveau) verandert.

1. Selecteer degene die u hebt gemaakt lijst met opsommingstekens.

“Lijst met opsommingstekens”.

3. Selecteer in het vervolgkeuzemenu “Lijstniveau wijzigen”.

4. Selecteer het niveau dat u wilt instellen voor de lijst met opsommingstekens die u hebt gemaakt.

Opmerking: Naarmate het niveau verandert, veranderen ook de markeringen in de lijst. We zullen u hieronder vertellen hoe u de stijl van een lijst met opsommingstekens kunt wijzigen (allereerst het type opsommingstekens).

Een soortgelijke actie kan worden uitgevoerd met behulp van de toetsen, en in dit geval verandert het type markeringen niet.

Opmerking: De rode pijl in de schermafbeelding toont de starttabstop voor de lijst met opsommingstekens.

Selecteer de lijst waarvan u het niveau wilt wijzigen en voer een van de volgende handelingen uit:

Opmerking: Met één druk op de toets (of toetsen) wordt de lijst één tabstop verplaatst. De combinatie “SHIFT+TAB” werkt alleen als de lijst minstens één tabstop verwijderd is van de linkermarge van de pagina.

Een lijst met meerdere niveaus maken

Indien nodig kunt u een lijst met opsommingstekens op meerdere niveaus maken. In ons artikel leest u meer over hoe u dit kunt doen.

Wijzig de stijl van een lijst met opsommingstekens

Naast de standaardmarkering die aan het begin van elk lijstitem is geïnstalleerd, kunt u andere tekens gebruiken die beschikbaar zijn in MS Word om het item te markeren.

1. Selecteer de lijst met opsommingstekens die u wilt wijzigen.

2. Klik op de pijl rechts van de knop “Lijst met opsommingstekens”.

3. Selecteer de juiste markeringsstijl in het vervolgkeuzemenu.

4. De markeringen in de lijst worden gewijzigd.

Als u om wat voor reden dan ook niet tevreden bent met de standaardmarkeringsstijlen, kunt u een van de symbolen in het programma markeren of een afbeelding die vanaf een computer kan worden toegevoegd of van internet kan worden gedownload.

Lijsten- Dit zijn onderling verbonden zinnen die beginnen met een markering of cijfer. Lijsten helpen bij het structureren van informatie op een WEB-pagina. Lijsten kunnen worden voorzien van opsommingstekens, genummerd of een lijst met definities. Ze verschillen in de manier waarop ze zijn ontworpen.

Lijst met opsommingstekens. Een lijst met opsommingstekens is een groep items. Elk element van zo'n lijst is gemarkeerd met een speciale markering, meestal in de vorm van een zwarte cirkel.

Er wordt een lijst met opsommingstekens gevormd met behulp van een paar tags. En elk lijstelement wordt in tags geplaatst

. Hier is een voorbeeld:

Eerste onderdeel

Tweede element

Derde element

. Hier is een voorbeeld:
Eerste onderdeel
Tweede element

Hier is het resultaat van het bovenstaande voorbeeld: Afsluitende tag

optioneel, maar ik raad u aan om het altijd toe te voegen aan duidelijk gescheiden lijstelementen. Afsluitende tag

vereist. U kunt links, alinea's, afbeeldingen, andere lijsten, regeleinden, enz. in een lijstelement plaatsen.

volgende waarden

. Hier is een voorbeeld:

Eerste onderdeel

Tweede element

. Hier is een voorbeeld:

Eerste onderdeel

Tweede element

: schijf, cirkel en vierkant.

. Hier is een voorbeeld:
Eerste onderdeel
Tweede element

. Hier is een voorbeeld:
Eerste onderdeel
Tweede element

Hieronder staan markeringen in de vorm van een cirkel en een vierkant. En hier is hoe het eruit ziet:

Er wordt een lijst met opsommingstekens gevormd met behulp van een paar tags. En elk lijstelement wordt in tags geplaatst

. Hier is een voorbeeld:

Eerste onderdeel

Tweede element

Een genummerde lijst is ook een groep items, maar de items zijn gelabeld met cijfers of letters.

. Hier is een voorbeeld:
Eerste onderdeel
Tweede element

Er wordt een genummerde lijst gevormd met behulp van een paar tags en elk element van de lijst wordt binnen de tags geplaatst

En het ziet er zo uit: Het markeringstype wordt ook opgegeven met behulp van de parameter type van de tag ;
Als markeringselementen kunnen dienen: Arabische cijfers (1, 2, 3, ...) - typ = "1" Romeinse cijfers binnen ;
Als markeringselementen kunnen dienen: hoofdletter(I, II, III, ...) - typ = "Ik" ;
kleine letters Latijnse letters(A, B, C, ...) - typ = "A" ;
kleine Latijnse letters (a, b, c, ...) - type = "een" ;

Met behulp van de starttagparameter

. Hier is een voorbeeld:

Eerste onderdeel

Tweede element

Dit ziet eruit als:

. Hier is een voorbeeld:
Eerste onderdeel
Tweede element

Lijst met definities. De definitielijst bestaat uit termen en hun definities. Zo'n lijst wordt gespecificeerd met behulp van tags

Er wordt een lijst met opsommingstekens gevormd met behulp van een paar tags. En elk lijstelement wordt in tags geplaatst

Termen in een dergelijke lijst worden gespecificeerd door de tag

, en de definitie ervan

. Hier is een voorbeeld:: . Hieronder vindt u de structuur van de lijst met definities.
Eerste onderdeel: Beschrijving van het eerste element
Tweede element: Beschrijving van het tweede element

Beschrijving van het derde element

En het ziet er zo uit:

Eerste element Beschrijving van het eerste element Tweede element Beschrijving van het tweede element Derde element Beschrijving van het derde element

, met behulp waarvan dit soort lijsten worden georganiseerd in HTML-documenten (UL - Unordered List, ongeordende lijst). Een lijst met opsommingstekens gebruikt speciale karakters

, zogenaamde lijstmarkeringen (vaak kogels genoemd, wat de formele uitspraak is van de Engelse term kogel). Het uiterlijk van lijstmarkeringen wordt bepaald door de browser, en bij het maken van geneste lijsten diversifiëren browsers automatisch het uiterlijk van markeringen op verschillende nestniveaus.
Er wordt een lijst met opsommingstekens gevormd met behulp van een paar tags. En elk lijstelement wordt in tags geplaatst

Labels

Om een lijst met opsommingstekens te maken, moet u een containertag gebruiken, waarin alle elementen van de lijst zich bevinden. De openings- en sluitingslijsttags zorgen voor een regeleinde voor en na de lijst, waardoor de lijst wordt gescheiden van de hoofdinhoud van het document. Het is dus niet nodig om hier alineatags te gebruiken

Elk lijstelement moet beginnen met een tag
(LI - Lijstitem, lijstelement). Label vereist geen bijbehorend sluitlabel, hoewel de aanwezigheid ervan in principe niet verboden is. Browsers starten doorgaans elke keer dat ze een document weergeven. nieuw onderdeel
lijst vanaf een nieuwe regel.
De verstrekte informatie is voldoende om een basislijst met opsommingen samen te stellen. Laten we een voorbeeld geven van een HTML-document met behulp van een lijst met opsommingstekens, waarvan de weergave door de browser wordt getoond in Fig. 2.1.
Voorbeeld van een lijst met opsommingstekens
- Tekens van de dierenriem:
- Ram
- Stier
- Tweelingen
- Maagd
- Schubben
- Schorpioen
- Boogschutter
- Steenbok
- Waterman
Vis Rijst. 2.1.
Browserweergave van de lijst met opsommingstekens
, kunnen er andere HTML-elementen aanwezig zijn. In het bovenstaande voorbeeld is dat zo'n element platte tekst, dat geen lijstitem is, maar de rol van de titel speelt.
Opmerking
Sommige leerboeken over de HTML-taal geven aan dat een containertag moet worden gebruikt om de lijsttitel in te stellen (LH - Lijstkop, lijstkop). Deze tag wordt momenteel door geen enkele gangbare browser herkend en maakt geen deel uit van de HTML-specificatie. Het gebruik ervan wordt dus zinloos, hoewel het niet tot fouten zal leiden.
In het etiket