UNIT I WEBSITE BASICS, HTML 5, CSS 3, WEB 2.0

-

1.9 LISTS

An HTML List allows you to organize data on web pages into an ordered or unordered format to make the information easier to read and visually appealing. HTML Lists are very helpful for creating structured, accessible content in web development.

  • HTML lists organize content using tags like <ul>, <ol> & <li>.
  • They improve readability by presenting data in a structured format.

Html Tags

HTML (HyperText Markup Language) uses tags to define and structure elements on a webpage. Each tag tells the browser how to display the content - such as text, images, links, or layouts.

TagDescription
<ul>Defines an unordered list.
<ol>Defines an ordered list.
<li>Defines a list item.
<dl>Defines a description list.
<dt>Defines a term in a description list.
<dd>Details the term in a description list.

Types of HTML Lists

There are three main types of lists in HTML

1. Unordered List or Bulleted List

  • Unordered lists are ideal for scenarios where the sequence of the items is not important.
  • The unordered list items are marked with bullets, also known as bulleted lists.
  • An unordered list starts with the <ul> tag, and each list item begins with the <li> tag.

Attribute: This tag contains two attributes which are listed below: 

  • compact: It will render the list smaller.
  • type: It specifies which kind of marker is used in the list.

Syntax:

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>





2. HTML Ordered List

Ordered lists are used when the items need to follow a specific sequence.

In an ordered list, all list items are marked with numbers by default. An ordered list starts with the <ol> tag, and each list item begins with the <li> tag.

Attributes:

  • compact: It defines the list should be compacted (compact attribute is not supported in HTML5. Use CSS instead.).
  • reversed: It defines that the order will be descending.
  • start: It defines from which number or alphabet the order will start.
  • type: It defines which type(1, A, a, I, and i) of the order you want in your list of numeric, alphabetic, or roman nE


Syntax:

<ol>    
  <li>Item1</li>    
  <li>Item2</li>    
 <li>Item3</li> 
</ol>

3. HTML Description List

A description list is a list of terms, with a description of each term. Description lists are less common but very useful for definitions, glossaries, or any other key-value pairs of items.

  • The <dl> tag defines the description list, the <dt> tag defines the term name, and the <dd> tag describes each term.
  • Here, <dt> (description term) is used for the term being defined, and <dd> (description details) is used for the description.

Syntax: 

<dl>
    <dt>Item 1</dt>
    <dd>Description of Item 1 </dd>
    <dt>Item 2</dt>
    <dd>Description of Item 2</dd>
</dl>

Comments

Post a Comment

Popular posts from this blog

CS3492 Database Management Systems Syllabus

-
UNIT I RELATIONAL DATABASES  Purpose of Database System – Views of data – Data Models – Database System Architecture – Introduction to relational databases – Relational Model – Keys – Relational Algebra – SQL fundamentals – Advanced SQL features – Embedded SQL– Dynamic SQL UNIT II DATABASE DESIGN Entity-Relationship model – E-R Diagrams – Enhanced-ER Model – ER-to-Relational Mapping – Functional Dependencies – Non-loss Decomposition – First, Second, Third Normal Forms, Dependency Preservation – Boyce/Codd Normal Form – Multi-valued Dependencies and Fourth Normal Form – Join Dependencies and Fifth Normal Form UNIT III TRANSACTIONS Transaction Concepts – ACID Properties – Schedules – Serializability – Transaction support in SQL – Need for Concurrency – Concurrency control – Two Phase Locking - Timestamp – Multiversion – Validation and Snapshot isolation – Multiple Granularity locking – Deadlock Handling – Recovery Concepts – Recovery based on deferred and immed...
Read more

UNIT I RELATIONAL DATABASES

-
Image
 1.7 Keys In the context of a relational database, keys are one of the basic requirements of a relational database model. Keys are fundamental components that ensure data integrity, uniqueness and efficient access. It is widely used to identify the tuples(rows) uniquely in the table. We also use keys to set up relations amongst various columns and tables of a relational database. Keys in DBMS Why do we require Keys in a DBMS? Keys are important in a Database Management System (DBMS) for several reasons: Uniqueness: Keys ensure that each record in a table is unique and can be identified distinctly. Data Integrity: Keys prevent data duplication and maintain the consistency of the data. Efficient Data Retrieval: By defining relationships between tables, keys enable faster querying and better data organization. Without keys, it would be extremely difficult to manage large datasets and queries would become inefficient and prone to errors. Types of Database Keys 1. Super Key The set of o...
Read more

UNIT I WEBSITE BASICS, HTML 5, CSS 3, WEB 2.0

-
1.11 Colors   ,Shadows,Text, Transformations,Transitions,Animations,Bootstrap Framework The following explains how to use  colors, shadows, text utilities, transformations, transitions, animations , and the  Bootstrap framework  in web technologies, with examples primarily using CSS and Bootstrap.  CSS Concepts Cascading Style Sheets (CSS) provides core functionalities for styling web elements.   Concept   Description Example (CSS) Colors Used for foreground (text) and background colors. color: blue; background-color: #fff; Shadows Adds visual depth to text or box elements. box-shadow: 2px 2px 5px rgba(0,0,0,0.3); Text Controls typography, alignment, capitalization, etc.. text-align: center; text-transform: uppercase; font-family: sans-serif; Transformations Modifies the position, rotation, scale, or skew of an element in 2D or 3D space. transform: rotate(45deg);  or  transform: scale(1.1); Transitions Creates smooth, animated changes to CSS ...
Read more