Transparency is a very common design element that is used on many websites today. However as web-developers, we know that getting the desired effect with CSS is not as simple as it sounds. It is not like adjusting the opacity in Adobe Photoshop or Illustrator. There are actually many hoops that we would need to jump through to achieve the desire look. You might think of “opacity” or a 24-bit PNG file when you hear the word transparency, but those … Continue reading
Explanation: The <wbr> tag is used to indicate where it would be okay to add a line-break. Usage: <p>to learn more about HTML and CSS you should visit advance<wbr>styles</wbr> website.</p>
Explanation: The <time> tag is used to declare a date and time within an HTML document. Usage: <article> <h1>Article heading</h1> <p>article published on <time datetime=”2010-03-24>March 24th 2010</time></p> <p>Article content</p> </article> Attribute Description datetime Specifies the date or time. Must be a valid date or time string.
Explanation: The <section> tag specifies a ssection in an HTML document. Usage: <section> <h1>Section heading</h1> <p>Section content</p> </section>
Explanation: The <progress> tag represents the progress of a specific task. Usage: <div> <p>Uploading…<progress>50%</progress></p> </div> Result: Uploading…50%
Explanation: The <output> tag specifies the result generated by a script. Usage: <div> <input type=”text” /> + <input type=”text” /> = <output>The answer if 5</output> </div>
Explanation: The <nav> tag specifies a navigational section of the HTML document. Usage: <nav> <a href=”home.php”>Home</li> <a href=”html.php”>html</li> <a href=”css.php”>css</li> </nav>
Explanation: The <meter> also known as a gauge specifies a unit of measurement within a known range. This should be used for measurements with a known minimum and maximum value. Usage: <ul> <li><meter value=”0.5″>50%</meter></li> <li><meter value=”50″ min=”0″ max=”100″>50 out of 100</meter></li> </ul>
Explanation: The <mark> tag is used to highlight part of your text for reference purposes. Usage: <p>Remember to <mark>study</mark> for your test tomorrow.</p> Result: Remember to study for your test tomorrow. It is important to understand the intended purpose of this tag. According to the HTML5 specification: When used in a quotation or other block of text referred to from the prose, it indicates a highlight that was not originally present but which has been added to bring the reader’s … Continue reading
Explanation: The <hgroup> tag is used to group the header content of an HTML document, section, or navigational element. More specifically, it is used to group <h1> – <h6> elements when multiple levels are used Usage: <hgroup> <h1>heading 1</h1> <h2>heading 2</h2> </hgroup>