HTML_4_List

List

An HTML List is used to organize data on web pages into an ordered or unordered format to make the information easier to read and visually appealing. 

Types of HTML Lists

There are 3 main types of lists in HTML:

  1. Unordered Lists (<ul>): These lists are used for items that do not need to be in any specific order. The list items are typically marked with bullets.
  2. Ordered Lists (<ol>): These lists are used when the order of the items is important. Each item in an ordered list is typically marked with numbers or letters.
  3. Description Lists (<dl>): These lists are used to contain terms and their corresponding descriptions.

<ul>

The unordered list is created with the <ul> element.

<ol>

The ordered list is created with the <ol> element.

<li>

Each item in the list is placed between an opening <li> tag and a closing </li> tag. 

The li stands for list item.

<dl>
The definition list is created with the <dl> element and usually consists of a series of terms and their definitions. 
Inside the <dl> element you will usually see pairs of <dt> and <dd> elements.
<dt>
This is used to contain the term being defined (the definition term).
<dd>
This is used to contain the definition.

Unorder List

<ul>
<li>Apple</li>
<li>Mango</li>
<li>Orange</li>
</ul>

<ul type="square">
<li>Apple</li>
<li>Mango</li>
<li>Orange</li>
</ul>

<ul type="circle">
<li>Apple</li>
<li>Mango</li>
<li>Orange</li>
</ul>

Order List

<ol>
<li>Apple</li>
<li>Mango</li>
<li>Orange</li>
</ol>

<ol start="4">
<li>Apple</li>
<li>Mango</li>
<li>Orange</li>
</ol>

<ol type="A">
<li>Apple</li>
<li>Mango</li>
<li>Orange</li>
</ol>

<ol type="a">
<li>Apple</li>
<li>Mango</li>
<li>Orange</li>
</ol>

<ol type="I">
<li>Apple</li>
<li>Mango</li>
<li>Orange</li>
</ol>

<ol type="i">
<li>Apple</li>
<li>Mango</li>
<li>Orange</li>
</ol>


Definition List

<dl>
<dt>HTML</dt>
<dd> Hyper Text Markup Language </dd>
</dl>






Comments

Post a Comment

Popular posts from this blog

HTML_1_Introduction

Image
What is a website? A website is a collection of web pages and related content that is identified by a common domain name and published on at least one web server.  Web advertising is any form of Internet-based marketing.  Nowadays, websites become the tools or services for people in our working environments due to the digital transformation. Why we should use? First impression as a real business Online Presence 24/7 Information Exchange Easily Market Expansion Advertising Use anytime, anywhere, any devices Basic Website Language HTML stands for Hyper Text Markup Language, which is the most widely used language on Web to develop web pages. CSS stands for Cascading Style Sheet, which is used to design the web page to be more attractive. JS stands for JavaScript, which is used to make web pages interactive and dynamic. What is HTML? HTML stands for Hyper Text Markup Language HTML is the standard markup language for creating Web pages HTML describes the structure of a Web page HTM...
Read more

HTML_6_Media

Image
Media Image <img> To add an image into the page you need to use an <img> element. This is an empty element (which means there is no closing tag). It must carry the following two attributes: src This tells the browser where it can find the image file. This will usually be a relative URL pointing to an image on your own site.  alt This provides a text description of the image which describes the image if you cannot see it. title You can also use the title attribute with the <img> element to provide additional information about the image. Most browsers will display the content of this attribute in a tooltip when the user hovers over the image. <img src="car.jpg" alt="car" title="car" /> <figure> Images often come with captions. HTML5 has introduced a new <figure> element to contain images and their caption so that the two are associated. <figcaption> The <figcaption> element has been added to HTML5 in order to a...
Read more

HTML_7_Link

Image
Link Links are created using the <a> element which has an attribute called href.  The value of the href attribute is the page that you want people to go to when they click on the link.  Users can click on anything that appears between the opening <a> tag and the closing </a> tag and will be taken to the page specified in the href attribute. <a> other-sites.html HTML Link Type Link to other website Link to other website with new tab Link to email Link to Top (ID) and Bottom Link to Pages (Same folder, Child folder, Parents folder and so on) Link to Other Website <a href="https://www.google.com/">Google</a> Link to Other Website with New Tab <a href="https://www.google.com/" target="_blank">Google New Tab</a> Link to Email <a href="mailto:coffeehouse@gmail.com">Email Us</a> Link to Other Website <a href="https://www.google.com/">Google</a> Link to Other Website with N...
Read more