Html+css web layout 2

35 %
65 %
Information about Html+css web layout 2

Published on March 4, 2014

Author: mevjy



HTML + CSS to create navigation bar for website

Webdesigning </> HTML+CSS { } Navigation Bar By: Vijay Kumar Verma (VJY) Roll No-1326910 4-March-2014 1

Purpose What is Navigation Lists tag Some CSS Property Create Navbar BY: VJY 3/4/2014 2

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 3/4/2014 3

Example Navigation bar BY: VJY 3/4/2014 4

Now What is Navigation Lists tag Some CSS Property Create Navbar BY: VJY 3/4/2014 5

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 blocklevel elements.  Types:  1. 2. 3. BY: VJY Numbered lists (called ordered lists) Bulleted lists (called unordered lists), Definition lists, 3/4/2014 6

Example <ol> <li>Adobe Photoshop</li> <li>Adobe Illustrator</li> <li>Adobe After Effect</li> </ol> Adobe Photoshop Adobe Illustrator Adobe After Effect BY: VJY 3/4/2014 7

Now What is Navigation Lists tag Some CSS Property Create Navbar BY: VJY 3/4/2014 8

CSS Properties | Display | Background | Clear | Border | Float | Text-decoration | Position | List style | Margin | Content | Width | Color BY: VJY 3/4/2014 9

Now What is Navigation Lists tag Some CSS Property Create Navbar BY: VJY 3/4/2014 10

Want to create it? BY: VJY 3/4/2014 11

Have Any Question? Just Ask! Post Query On Email@

Thank You!

Add a comment

Related presentations

Presentación que realice en el Evento Nacional de Gobierno Abierto, realizado los ...

In this presentation we will describe our experience developing with a highly dyna...

Presentation to the LITA Forum 7th November 2014 Albuquerque, NM

Un recorrido por los cambios que nos generará el wearabletech en el futuro

Um paralelo entre as novidades & mercado em Wearable Computing e Tecnologias Assis...

Microsoft finally joins the smartwatch and fitness tracker game by introducing the...

Related pages

HTML- und CSS-Tutorials - Erstellen Sie Ihre eigene ...

Herzlich Willkommen bei ... Schritt 2: CSS lernen. Cascading Style Sheets (CSS) ... Layout. Übersetzung. Sven ...
Read more

Lektion 12: Layout (CSS)gertutorial -

Lektion 12: Layout (CSS) - HTML- und CSS-Tutorials ... Beispiel 2: Read more

CSS lernen - Cascading Style Sheets für aktuelles Webdesign

Das World Wide Web Konsortium (W3C) entwickelte CSS, ... Durch die Nutzung von CSS, ist HTML für die Struktur ... CSS in der Version 1 und 2 ist komplett ...
Read more

Layout-Generator: komplettes HTML5 + CSS ... -

Schritt für Schritt HTML lernen um ... Webdesign erstellen » CSS-Layout-Generator. Layout-Generator. Vorschau: gewünschtes Layout 1 Spalte 2 Spalten ...
Read more

Layout a Page with CSS: Part 1 - CSS Tutorial Part 2

Beginners CSS Tutorial For Web ... to CSS. Part 1; Part 2; CSS Tutorial: Part 1. ... attached to the HTML page. We attach the CSS document with this ...
Read more

HTML & CSS - W3C - World Wide Web Consortium (W3C)

HTML & CSS. On this page → what ... are two of the core technologies for building Web pages. HTML provides the structure of the page, CSS the (visual and ...
Read more

2-Spalten-Layout | Webdesign mit (X)HTML und CSS

Zweispaltiges Layout mit Kopf- und Fußzeile; flexible Breite und Höhe. Onlinebeispiel »Zweispalter flexibel« mit Beschreibung; Download als .zip-Archiv
Read more

2-Spalten-Layout mit CSS -

2-Spalten-Layout mit CSS. Für ein 2-Spalten Layout benötigen wir 2 Container. ... Wenn wir uns den bisherigen HTML-Code in einem Browser ansehen, ...
Read more

HTML Layouts - W3Schools Online Web Tutorials

HTML Layouts Previous Next ... HTML Layout Elements. ... It is common to do entire web layouts using the CSS float property.
Read more


CSS (Cascading Style Sheets, ... Mit Hilfe von CSS kann die Darstellung von HTML- und XML-Dokumenten auf vielfältige Art verändert werden. Grundlagen.
Read more