DesignSavvy: Unleashing Creative Brilliance

Category: HTML

  • HTML Sitemap vs. XML Sitemap: What’s the Difference?

    •

    Mars

    Sitemaps play a crucial role in guiding search engines through the content of a website. Among the various types of sitemaps, HTML and XML are two primary formats. While they serve the same purpose, they have distinct characteristics and are utilized in different ways. In this guide, we’ll delve into…

  • How to shake an image using html and css

    •

    Mars

    Hover over the image: Step:1 Copy and paste the given code Hover over the image:

  • Stylish Text Effect

    •

    Mars

    Step 1 : Open a new Photoshop document In the first step,  open a new document with preferred size. We can use the keyboard shortcut ctrl+N to open a new document.     Step 2 : Fill the document with Balck Set the foreground color as Black. Use the keyboard…

  • HTML5 Tutorial: Base Element Tag

    •

    Mars

    The HTML <base> tag is used to specify a base URI, or URL, for relative links. For example, you can set the base URL once at the top of your page, then all subsequent relative links will use that URL as a starting point. The <base> tag must be between…

  • Solution for HTML5 Accessibility in IE

    •

    Mars

    OUTPUT (in IE) AFTER FIXING THE SOLUTION: OUTPUT (in IE) BEFORE FIXING THE SOLUTION: HTML5 CODE: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/HTML" lang="en" xml:lang="en"> <head> <meta charset="utf-8" /> <title>My first HTML5 website</title> </head> <body style="padding-left: 35px;"> <header> Header Tag of HTML5 with <nav><a href="#">&lt;nav&gt;</a> </nav> </header> <article> <section> <h2>Article & section Tag</h2>…

  • Photo Sliding Gallery using HTML

    •

    Mars

    Final Preview: Step:1 Open a new HTML Document in dreamweaver. Step:2 Paste the following code in the HTML Document. <ul id="sliding"> <li><a href="#nogo"> <img src="pic1.jpg"/></a></li> <li><a href="#nogo"> <img src="pic2.jpg"/></a></li> <li><a href="#nogo"> <img src="pic3.jpg"/></a></li> <li><a href="#nogo"> <img src="pic4.jpg"/></a></li> <li><a href="#nogo"> <img src="pic5.jpg"/></a></li> <li><a href="#nogo"> <img src="pic6.jpg"/></a></li> <li><a href="#nogo"> <img src="pic7.jpg"/></a></li> </ul>…

  • CSS Navigation Menu using background positioning

    •

    Mars

    Home Page About Us Web Design Graphic Designs Contact Us Step-1 Open an html document. Write the following html code inside the body tag: <ul id=”navigation”> <li><a href=”#” id=”home”>Home Page</a></li> <li><a href=”#” id=”about”>About Us</a></li> <li><a href=”#” id=”webdesign”>Web Design</a></li> <li><a href=”#” id=”graphicdesign”>Graphic Designs</a></li> <li><a href=”#” id=”seo”>Search Engine Optimization SEO</a></li> <li><a href=”#”…

  • How To Use The Article Element – HTML5

    •

    Mars

    The <article> tag is new to HTML5 and it replaces <div> tag. It specifies self-contained content in a document, page or in a site. This can be use in Blog post, Magazine article, comments or in widgets. How To Use The Article Tag: <article> <h1>heading</h1> <p>content</p> </article>   Coding: <html>…