HTML - start Attribute

The start attribute is an HMTL attribute that specifies the initial value of the ordered list in numeric form; in other words, this attribute specifies the start value of the first list item in an ordered list.

This value should always be an integer, even when the numbering type is letters or romans.

For example, to start counting list items from the letter "A" or the roman number "I", use start = "1".

Syntax

Following is the syntax of the start attribute −

<ol start ="number">

Example

In the following example, let’s illustrate the use of start attribute in the <ol> tag.

<!DOCTYPE html>
<html>
<head>
   <title> start attribute </title>
</head>
<body style="text-align:center;">
   <h1> tutorialspoint </h1>
   <p> name of the designation in the tutorialspoint </p>
   <ol start="1">
      <li>Technical content Engineer</li>
      <li>Front-End Developer</li>
      <li>Back-End Developer</li>
      <li>Software Engineer</li>
      <li>Graphics Designer</li>
   </ol>
</body>
</html>

On running the above code, it will generate an output consisting of the list items displayed on the webpage.

Example

Considering the another scenario, where we are going to use the start attribute to set the initial value of ordered list to 10.

<!DOCTYPE html>
<html>
<head>
   <title> start attribute </title>
</head>
<body>
   <h2> ol start attribute</h2>
   <ol start="10">
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
   </ol>
</body>
</html>

When we run the above code, the output window will pop up displaying the list items ordered from 10 on the webpage.

Example

Let's look into the following exampl, where we are going to use the ol tag with the start and type attribute.

<!DOCTYPE html>
<html>
<head>
   <title> start attribute </title>
</head>
<body>
   <h1 style="color:green">tutorials <span style="color:black">point</span>
   </h1>
   <h2> ol start attribute</h2>
   <ol type="I" start="50">
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
   </ol>
</body>
</html>

On running the above code, the output window will pop up displaying the list items in roman values on the webpage.

html_attributes_reference.htm
Advertisements