HTML LISTS

1 - Introduction

2 - Types of an HTML List

subsection{Types of lists} There are three types of lists: begin{itemize} item list without a precise order (unordered), item list taking into account the order (ordinate), item list of terms and descriptions (definitions). end{itemize}

3 - Unnumbered HTML lists

$subsection{Unnumbered lists} Unnumbered lists are introduced by the textbf{ul} tag (for unordered list) and each item in the list by li (list item): begin{equation*} FRAME{itbpF}{2.5322in}{0.988in}{0in}{}{}{1-unordered-lists-ul-html.png}{% special{language "Scientific Word";type "GRAPHIC";maintain-aspect-ratio TRUE;display "USEDEF";valid_file "F";width 2.5322in;height 0.988in;depth 0in;original-width 2.5039in;original-height 0.9597in;cropleft "0";croptop "1";cropright "1";cropbottom "0";filename 'images/1-unordered-lists-ul-html.png';file-properties "XNPEU";}} end{equation*} This code will give something like: begin{equation*} FRAME{itbpF}{1.3566in}{0.7082in}{0in}{}{}{2-displaying-list.png}{special% {language "Scientific Word";type "GRAPHIC";maintain-aspect-ratio TRUE;display "USEDEF";valid_file "F";width 1.3566in;height 0.7082in;depth 0in;original-width 1.3283in;original-height 0.6799in;cropleft "0";croptop "1";cropright "1";cropbottom "0";filename 'images/2-displaying-list.png';file-properties "XNPEU";}} end{equation*} begin{remark} Closing tags for textbf{li} elements are not required. end{remark}$

4 - Numbered HTML Lists

$subsection{Numbered Lists} Numbered lists work on the same principle as unnumbered lists. The only difference is that we use the textbf{ol} tag (ordered list) instead of the textbf{ul} tag. The elements remain framed by the textbf{li} tags. begin{example} here is an example of numbered list of three elements end{example} begin{equation*} FRAME{itbpF}{2.1967in}{0.8842in}{0in}{}{}{3-ordered-list-html-ol-li.png}{% special{language "Scientific Word";type "GRAPHIC";maintain-aspect-ratio TRUE;display "USEDEF";valid_file "F";width 2.1967in;height 0.8842in;depth 0in;original-width 2.1685in;original-height 0.856in;cropleft "0";croptop "1";cropright "1";cropbottom "0";filename 'images/3-ordered-list-html-ol-li.png';file-properties "XNPEU";}} end{equation*} This code will give :% begin{equation*} FRAME{itbpF}{1.3084in}{1.0917in}{0in}{}{}{4-displaying-ordred-ist.png}{% special{language "Scientific Word";type "GRAPHIC";maintain-aspect-ratio TRUE;display "USEDEF";valid_file "F";width 1.3084in;height 1.0917in;depth 0in;original-width 1.2802in;original-height 1.0643in;cropleft "0";croptop "1";cropright "1";cropbottom "0";filename 'images/4-displaying-ordred-ist.png';file-properties "XNPEU";}} end{equation*}$

5 - Start attribute of an HTML List

$subsection{Start attribute} In transitional HTML, the start attribute is used to define the initial value of the numbering. begin{example} of numbered list starting at $index=3$ end{example} begin{equation*} FRAME{itbpF}{2.4292in}{1.0685in}{0in}{}{}{5-start-attribute-list.png}{% special{language "Scientific Word";type "GRAPHIC";maintain-aspect-ratio TRUE;display "USEDEF";valid_file "F";width 2.4292in;height 1.0685in;depth 0in;original-width 2.4002in;original-height 1.0403in;cropleft "0";croptop "1";cropright "1";cropbottom "0";filename 'images/5-start-attribute-list.png';file-properties "XNPEU";}} end{equation*} This code will give: begin{equation*} FRAME{itbpF}{1.2287in}{0.6841in}{0in}{}{}{% 6-displaying-start-attribut-list.png}{special{language "Scientific Word";type "GRAPHIC";maintain-aspect-ratio TRUE;display "USEDEF";valid_file "F";width 1.2287in;height 0.6841in;depth 0in;original-width 1.1997in;original-height 0.6559in;cropleft "0";croptop "1";cropright "1";cropbottom "0";filename 'images/6-displaying-start-attribut-list.png';file-properties "XNPEU";}} end{equation*} subsection{Lists with descriptions} Unlike other types of lists, the description lists, dl (definition list), do not use the li tag for items in the list, but divide them into two parts: the term, introduced by dt (definition term) and its description introduced by dd (definition description).$

Younes Derfoufi

Post Views: 198

1 - Introduction

2 - Types of an HTML List

3 - Unnumbered HTML lists

4 - Numbered HTML Lists

5 - Start attribute of an HTML List

By My- Courses

Related Post

The HTML Hyperlink

Introduction To HTML Language

Inserting images into an html page

Leave a Reply Cancel reply

advanced Python Coding For Biologists

Python coding for Biologists: A complete programming course for beginners

Python coding: Black Hat for Python Hackers and Pentesters

You missed

Exploring the Impact of Artificial Intelligence in Extended Detection and Response (XDR)

The annual cost for implementing security labels on smart devices would be less than $5 million

Careless Docker Users Expose Secrets, Warn German Researchers

Concerns Also Arise From Insiders