HTML-practice/demoorderedlist.html at main · Amarnathpalanivel/HTML-practice · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<DOCTYPE html>
<html lang="en">
<head><title>Ordered List Example</title></head>
<link rel="stylesheet" href="demoorderedlist.css">
<body>
<h1>Fruit Shop</h1>
<div style="display: flex; " >
<ul style="align-items: center; float: left;
list-style:upper-latin ;">
<li style=" padding: 20px;"><a href="https://www.udemy.com/message/thread/939945535/">Home</a></li>
<li style=" padding: 20px;"><a href="https://www.google.com/search?q=freebies&oq=freebies&gs_lcrp=EgZjaHJvbWUyBggAEEUYOTIHCAEQABiPAtIBCjE1NDE5ajBqMTWoAgiwAgHxBbWkRfSn2Kg-&sourceid=chrome&ie=UTF-8">Contect Us</a></li>
<li style=" padding: 20px;"><a href="https://news.mit.edu/2015/brain-strengthen-connections-between-neurons-1118#:~:text=Synaptic%20growth&text=When%20these%20small%20packets%20of,communication%20from%20the%20presynaptic%20neuron">About Us</a></li>
<li style=" padding: 20px;"><a href="https://www.google.com/webhp?hl=en&sa=X&ved=0ahUKEwjQ0uDM9YOMAxXin68BHZNjFLAQPAgI">Feedback</a></li>
</ul></div>
<p>
    The Caterpillar and <span>Alice</span> looked at each other for some time in
    silence: at last the <span>Caterpillar</span> took the hookah out of its mouth, and
    addressed her in a languid, sleepy voice.
  </p>
<ol type="A"style=" padding: 20px;">
<li style=" padding: 20px;">Apple <img src="apple.WEBP" width="100px" style="display:flex; border: solid rgb(68, 18, 18) 10px;"></li>
<li style=" padding: 20px;">Banana <img src="banana.WEBP"width="100px"style="display:flex; border: solid rgb(68, 18, 18) 10px;"></li>
<li style=" padding: 20px;">Charry <img src="cherry.WEBP"width="100px"style="display:flex; border: solid rgb(68, 18, 18) 10px;"></li>
<li style=" padding: 20px;">Orange <img src="orenge.WEBP"width="100px"style="display:flex; border: solid rgb(68, 18, 18) 10px;"></li>
<li style=" padding: 20px;">Grape <img src="grapes.WEBP"width="100px"style="display:flex; border: solid rgb(68, 18, 18) 10px;"></li>
</ol>
</bodupper-latin