in this HTML tutorial we are learn about one of of the important topic in web developing that is navigation across multiple page in website.
we are starting from <nav> tag , full form of <nav> tag is navigation.
<nav> tag is used to navigate in HTML . set of navigation link is define in <nav> tag.<nav> tag is used only for the creating major block of navigation link.Notice that NOT all links of a document should be inside a <nav> tag.
syntax <nav> tag:
<nav>
<a href="">HTML</a>
<a href="">CSS</a>
<a href="">JavaScript</a>
<a href="">Python</a>
</nav>
linking of two page is important for navigation between two page. <a> tag is used to hyperlinking the document in HTML.<a> is used to link one page to another page. because of linking between pages page navigation is possible.
href is most important attribute of <a> tag, which is used to set the destination of link
syntax <a> tag:
<nav>
<a href="/html/">HTML</a>
<a href="/css/">CSS</a>
<a href="/javascript/">JavaScript</a>
<a href="/python/">Python</a>
</nav>
<!DOCTYPE html>
<html>
<body>
<h1>The nav element</h1>
<p>list of programming language:</p>
<nav>
<a href="C:\Users\tejas\OneDrive\Desktop\ridee for live\html1.html">HTML</a> |
<a href="C:\Users\tejas\OneDrive\Desktop\ridee for live\css1.html">CSS</a> |
<a href="C:\Users\tejas\OneDrive\Desktop\ridee for live\java1.html">JavaScript</a> |
<a href="C:\Users\tejas\OneDrive\Desktop\ridee for live\python1.html">Python</a>
</nav>
</body>
</html>
output:
html1.html
<html>
<head>
<title>HTML</title>
</head>
<body>
<a href="C:\Users\tejas\OneDrive\Desktop\ridee for live\page1.html">home</a>
<h1>HTML</h1>
<p>HTML stands for Hyper Text Markup Language.
HTML is the standard markup language for creating Web pages.
HTML describes the structure of a Web page.
HTML consists of a series of elements.
HTML elements tell the browser how to display the content.
</p>
</body>
</html>
output:
css1.html
<html>
<head>
<title>css</title>
</head>
<body>
<a href="C:\Users\tejas\OneDrive\Desktop\ridee for live\page1.html">home</a>
<h1>CSS</h1>
<p>CSS stands for Cascading Style Sheets
CSS describes how HTML elements are to be displayed on screen, paper, or in other media
CSS saves a lot of work. It can control the layout of multiple web pages all at once
External stylesheets are stored in CSS files
</p>
</body>
</html>
output:
java1.html
<html>
<head>
<title>javascript</title>
</head>
<body>
<a href="C:\Users\tejas\OneDrive\Desktop\ridee for live\page1.html">home</a>
<h1>javascript</h1>
<p>JavaScript is one of the 3 languages all web developers must learn:
HTML to define the content of web pages
CSS to specify the layout of web pages
JavaScript to program the behavior of web pages.</p>
</body>
</html>
output:
python1.html<html>
<head>
<title>python</title>
</head>
<body>
</html>
<a href="C:\Users\tejas\OneDrive\Desktop\ridee for live\page1.html">home</a>
<h1>python</h1>
<p>Python has a simple syntax similar to the English language. Python has syntax that allows developers to write programs with fewer lines than some other programming languages. Python runs on an interpreter system, meaning that code can be executed as soon as it is written. This means that prototyping can be very quick.</p>
</body></html>
output:
0 Comments