How to Make List / List in HTML (Tag ol, ul and li)
Ordered list (<ol> tag)
used to create a list of numbered items, with each item can use arabic or roman numerals. List entries are also defined by tag <li> . Attributes are available in the Ordered List is the TYPE and START . Some type of numbering that can be used in the ordered list is shown below: I Figures shown in roman capital letters i
the number is displayed in roman numerals lower case a number is displayed in alphabetical lowercase a number is displayed in uppercase in the <ol> there are also attributes start to start list of specific numbers. In the <li> There VALUE attribute to skip unwanted numbers:
<Html>
<Head>
<Title> Learn to create HTML document </ title>
</ Head>
<Body>
This is an HTML document
</ Body>
<Ol>
<LI> open application editior text </ u>
<Li> insert the code html: </ li>
<LI> save with the extension .html </ li>
<Li> Run html web browser </ li>
</ Ol>
</ Html>
Unordered list (tag <ul>) is used to create a list of items with a bullet (not numbered). List entries are defined with the <li> . In this type does not require sorting data. We can also determine the type of bullet that will be used to determine its type. Some types can be selected are shown in the table below:
§ Disc Bullet-shaped discs
§ Circle Bullet circular
§ Square Bullet-shaped box
To create an unordered list, just change the <ol> to <ul>. The following example HTML document using Unordered lists ( tag <ul> ):
<! DOCTYPE html>
<Html>
<Head>
<Title> tag Usage list </ title>
</ Head>
<Body>
<H1> List </ h1>
<Ul>
<LI> balls </ li>
<LI> soto </ li>
<LI> one </ li>
<LI> Yellow </ li>
</ Ul>
<H1> List of beverages </ h1>
<Ul>
<LI> Pink </ li>
<LI> avocado </ li>
<LI> tomato </ li>
<LI> Pink </ li>
</ Ul>
</ Body>
</ Html>
merger Ordered list (<ol> tag) & Unordered lists (tag <ul>)
<! DOCTYPE html>
<Html>
<Head>
<Title> tag Usage list </ title>
</ Head>
<Body>
<Ol>
<LI> food </ li>
<Ul>
<LI> balls </ li>
<LI> soto </ li>
<LI> one </ li>
<LI> Yellow </ li>
</ Ul>
<LI> fruit </ li>
</ Ol>
<Ul>
<LI> Pink </ li>
<LI> avocado </ li>
<LI> tomato </ li>
<LI> Pink </ li>
</ Ul>
</ Body>
</ Html>
merger Ordered list (<ol> tag) & Unordered lists (tag <ul>)
<! DOCTYPE html>
<Html>
<Head>
<Title> tag Usage list </ title>
</ Head>
<Body>
<Ol>
<LI> food </ li>
<Ul>
<LI> balls </ li>
<LI> soto </ li>
<LI> one </ li>
<LI> Yellow </ li>
</ Ul>
<LI> fruit </ li>
</ Ol>
<Ul>
<LI> Pink </ li>
<LI> avocado </ li>
<LI> tomato </ li>
<LI> Pink </ li>
</ Ul>
</ Body>
</ Html>
Element attribute table
Width = length (width of the table, pixel or percent)
Height = length (height table, pixel or percent)
Border = pixel (thick border)
Cellspacing = pixel (sepasi between cells)
Cellpadding = pixel (sepasi inside the cell)
Align = (lift [center / eight] alignment table
Bgcolor = color (background color blakang table)
Altribut table row
Align = [left / center / right] (the cell line horizontally)
Valign = [/ top / middle / bottom] (a rule vertically adjacent cell)
Bgcolor = color (the color of the background last row)
Attributes table data
Align = (left center right) (horizontal alignment)
Width = (top middle) (vertical alignment)
Height = pixel (cell height, pixelatau percent)
Bgcolor = color (background color blakang cell)
Comments
Post a Comment