Ict fa: Must be knowing the usage of tags like HTML, HEAD, TITLE, STYLE,
BODY, Bold, italic, underline, font, break, paragraph, UL, OL, LI with
attributes.
Notes
Lists
A list is the most efficient way of presenting information in a precise manner.
It helps in making important point’s standout more clearly
Grabbing the visitors attention
Html supports different elements to create a list for displaying items in a
specific order.
3 types of list:
Unordered list
Ordered list
Description list
Unordered list:
An unordered list is used when the items are not required to be displayed
In any particular manner.
List begins with <ul> and ends with </ul>
It can also add bullet point to each word
It is also known as bulleted list
To make html refer from textbook pg 86
Ordered list
An ordered list is used to display the list of items in a specific order
An ordered list indents and gives a number to each item in the list
Tags are <ol> and end tags are </ol>
Attributes
An ordered list automatically starts with number 1
But you can also start the list with a different number
You could start if you write= 101 the ordered list can start from 101
Reversed attributes
This attribute that the list order should be in the decending order
<ol start=101 reversed>
Type attribute
This attribute specifies the type of numbering or bullet used to mark
Items in the list.
By default, its value is 1 for an ordered list and disc for an unordered
List.
SYNTAX
FOR UNORDERED LIST: <ul type = “value”>
Where, value = disc | value | circle
FOR ORDERED LIST: <ol type = ‘value’>
Where, value A | a | I | i | 1
------------------ to see list properties refer to pg 89---------------------------To get bold / italic and underline
BOLD
<b> </b>
ITALIC
<i> </i>
UNDERLINE
<u> </u>
HOW TO DO STYLES
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
HOW TO MAKE PARAGRAPH
When making a paragraph in html you may need to use more than 5
Sentences.
This is how you can make paragraphs
<body>
<h1> <p> hello world I am a computer who was just made
I am a Ai computer who can run commands by itself </p>
<p> there are so many possibilities which I can do, I can build my own
Portfolio or create a story. <p>
</body>
