Yshopnoosa.com

Lägga till en rubrik till en oordnad lista med HTML

Lägga till en rubrik till en oordnad lista med HTML

Bygga en webbplats som innehåller en stor mängd information, kan du skapa text listor för att organisera informationen på ett enkelt användbart sätt. Onumrerad lista--punktlistor, i motsats till ordnade listor, som Använd siffror eller bokstäver som anger en order eller sequence--är det vanliga sättet att göra det när listobjekten inte är av primär betydelse. Listor i HTML kommer dock inte automatiskt med någon form av sidhuvudtext att förklara eller definiera dem för dina läsare. Om du vill din lista till att börja med en rubrik, måste du lägga till en själv.

Instruktioner

1 Leta upp listan du vill lägga till en rubrik till i HTML-dokumentet. I synnerhet måste du leta upp öppningen oordnad lista tagg, som ser ut så här: < ul >. Om listan innehåller kapslade listor inom det, hitta den första förekomsten av denna tagg i boet att lägga till en rubrik till hela.

2 Lägga till en linje direkt ovanför oordnad lista tag genom att trycka på "Retur".

3 Skapa en ingående och utgående header tag i den nya linjen. Dessa bör se ut så här: < h4 >< / h4 >.

4 Skriv rubriken som ska visas över din lista mellan den avslutande hakparentesen i öppningen header tag och den inledande hakparentesen i avslutandet header tag.

5 Kontrollera utseendet på det nya huvudet genom att spara HTML-dokumentet och öppna den i en webbläsare. Beroende på utformningen av webbplatsen, kan du behöva justera storleken på sidhuvudtexten. Till gör så, ändra numret i huvudet Taggar; lägre siffror innebär ett större huvud, medan högre nummer innebär en mindre en. Kontrollera att du anger samma nummer i både öppna och stänga sidhuvudet tagg eller det kommer inte att fungera korrekt.

6 Justera indrag det nya huvudet med den i resten av listan, om du önskar, genom att flytta hela huvudet (öppningen header fäste, själva texten och rubriken avslutande hakparentes) mellan öppnandet oordnad lista tag och första öppnandet listobjekt tagg, som ser ut så här: < li >. Detta kommer att dra in huvudet och göra det en del av listan, men inte kommer att lägga en kula markerar det, som du inte har i huvudet ett listobjekt genom att omge det med lista objekt Taggar.