Upload
vijay-kumar-verma
View
107
Download
1
Embed Size (px)
DESCRIPTION
HTML + CSS to create navigation bar for website
Citation preview
Webdesigning
By:
Vijay Kumar Verma (VJY)Roll No-1326910
HTML+CSS
</> { }
Navigation Bar
14-March-2014
Purpose
What is Navigation
Lists tag
Some CSS Property
Create Navbar
BY: VJY 204/10/2023
What is Navigation Bar
| Navigation Bar = List of Links| It is a section of a website or online page
intended to aide visitors in travelling through the online document.
| It may be set of buttons and graphics typically in row or column
| It is used as the central point that link the pages.
| Drop Down: A menu of options that appears below the item when the computer user clicks on it.
BY: VJY 304/10/2023
Example
BY: VJY 404/10/2023
Navigation bar
Now
What is Navigation
Lists tag
Some CSS Property
Create Navbar
BY: VJY 504/10/2023
Lists Tag A number of connected items or names
written or printed consecutively, typically one below the other.
Formatting Tags Lists and the items within them are block-
level elements. Types:
1. Numbered lists (called ordered lists)2. Bulleted lists (called unordered lists),3. Definition lists,
BY: VJY 604/10/2023
Example<ol>
<li>Adobe Photoshop</li><li>Adobe Illustrator</li><li>Adobe After Effect</li>
</ol>
BY: VJY 704/10/2023
Adobe Photoshop
Adobe Illustrator
Adobe After Effect
Now
What is Navigation
Lists tag
Some CSS Property
Create Navbar
BY: VJY 804/10/2023
CSS Properties| Display
| Clear
| Float
| Position
| Margin
| Width
BY: VJY 904/10/2023
| Background
| Border
| Text-decoration
| List style
| Content
| Color
Now
What is Navigation
Lists tag
Create Navbar
Some CSS Property
BY: VJY 1004/10/2023
Want to create it?
BY: VJY 1104/10/2023
Thank You!