- Get link
- X
- Other Apps
how to create Top navigation menu
What is the Navigation Menu
The <nav> tag is new element in the html5 nav tag use to define the of the navigation link either within the current document or other documents. Example- nav tag is the navigation blocks are menu tables of contents, and indexes. One HTML document may contain several <nav> tags, for example, one for site navigation and one for intra-page-navigation
.Note that not all links in the HTML document can be placed inside the <nav> element. it can only include major navigation blocks. For example, the <nav > tag is not placed in the <footer> tag for defining links in the footer of the website.
Syntax:
The <nav > tag comes pairs. written between the opening
(<nav> ) and closing (</nav>) tags.
how to create top navigation menu
program
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<header>
<h1> how to create Top navigation menu </h1>
</header>
<nav>
<a href="Html.html">HTML</a>
| <a href="CSS.html">CSS</a> |
<a href="javascript.html" > javascript </a> |
<a href="/php.html"> PHP</a>
</nav>
<h2>Welcome to web designing theoryPublication</h2>
</body>
</html>
how to create top navigation menu
Explain program
Step 1 ]
<!Doctype html>
- <!doctype html> always be the first line of any HTML document.
<!Doctype html>
- <!doctype html> always be the first line of any HTML document.
Step 2 ]
<html> and </html>
html is the root element.
<html> and </html>
html is the root element.
Step 3 ]
<body> and </body>
body is main content area.
All visible content inside to the <body> tag
<body> and </body>
body is main content area.
All visible content inside to the <body> tagStep 4]
<header>
<h1>Programming Courses</h1>
</header>
<header>....</header>
<header> element represents top section
header section includes
website name
logo
heading or slogan
<h1>Programming Courses</h1>
Display a large heading the top of the page
Step 5]
<nav>....</nav>
<nav> tag use navigation section of your website
links use menus or catagories
Step 6]
<nav>
<a href="Html.html">HTML</a>
| <a href="CSS.html">CSS</a> |
<a href="javascript.html">JavaScript</a> |
<a href="/php.html">PHP</a>
</nav>
<a> tag create hyperlinks
href = html.html means link will open the file
vertical bar use
Step 7]
<h2>Welcome to web designing theoryPublication</h2>
<h2> is subheading = smaller than <h1>
context or welcome message to visitors
display bold
Step 8]
</html>
end HTML Document
how to create top navigation menu
output
Comments
Post a Comment