Skip to main content

Posts

Showing posts with the label HTML Tags

HTML tags list

By
Following tags have been introduced in older versions of HTML but all the tags marked with (HTML5) are part of HTML-5. Tag Version Description <!--...--> Defines a comment. <!DOCTYPE>   Defines the document type. <a> Defines a hyperlink. <abbr> Defines an abbreviation or an acronym. <acronym> Not supported in HTML5. Use <abbr> instead. Defines an acronym. <address> Defines contact information for the author/owner of a document. <applet> Not supported in HTML5. Use <embed> or <object> instead. Defines an embedded applet. <area> Defines an area inside an image-map. <article> (HTML5) Defines an article....
Post a Comment
Read more

HTML Tag.

By
HTML<html> Tag The <html> tag is the container for all other HTML elements (except for the <!DOCTYPE> tag). It mainly comprises of document header which is represented by <head>...</head> and document body which is represented by <body>...</body> tags. This tag represents root of an HTML document. EXAMPLE: <html> ..... </html> Post any problem if encountered in the comments . Thanks for visiting GIMIBITS . Please share this post and like us on Facebook. HITESH BHATIA EDITOR IN CHIEF
Post a Comment
Read more

Adding Tables in HTML5 and CSS3.

By
Our second post is about adding TABLES in html. Here is the implementation of the logic. <html><head> <title>Table</title></head> <body> <p align="center">Table will be centered aligned</p> <div align="center"> <table width="200" border="1" title="Table"> <tr> <th>Column A </th> <th>Column B </th> </tr> <tr> <td><div align="center">data1</div></td> <td><div align="center">data2</div></td> </tr> <tr> <td><div align="center">data3</div></td> <td><div align="center">data4</div></td> </tr> <tr> <td><div align="center">data5</div></td> <td><div align="center">data6</div></td> </tr> ...
Post a Comment
Read more

Adding Radio Button in HTML5 and CSS3

By
This post is about adding Radio button in html. <!DOCTYPE html> <html>  <head>   <title> HTML input type radio</title> </head> <body>   <form>         <input type="radio" name="gender" value="male"> Male<br>         <input type="radio" name="gender" value="female"> Female<br> <br>         <input type="submit" value="Submit">   </form> </body> </html> Post any problem if encountered in the comments . Thanks for visiting GIMIBITS . Please share this post and like us on Facebook. HITESH BHATIA EDITOR IN CHIEF
Post a Comment
Read more

Adding Progress Tag in Html5 and CSS3.

By
This post is about adding Progress Tag in html. The HTML progress tag specifies a completion progress of a task. It is displayed as a progress bar. The value of progressbar can be manipulated by using JavaScript. Here is the implementation of the logic. <!DOCTYPE html> <html> <head> <title>HTML Progress Tag</title> <script> var pBar = document.getElementById('p'); var updateProgress = function(value) { pBar.value = value; pBar.getElementsByTagName('span')[0].innerHTML = Math.floor((100 / 70) * value); } </script> </head> <body> <progress id='p' max='70'> <span>0</span>%</progress> </body> </html> Post any problem if encountered in the comments . Thanks for visiting GIMIBITS . Please share this post and like us on Facebook. HITESH BHATIA EDITOR IN CHIEF
Post a Comment
Read more

Adding Ordered and Unordered list in HTML5 and CSS3

By
This post is about adding Orderd and Unordered list in html. Here is the implementation of the logic. <html> <body> <p>Unordered List</p> <ul> <li>Mobile</li> <li>Phablet</li> <li>Tablet</li> </ul> <p>Ordered List</p> <ol> <li>Mobile</li> <li>Phablet</li> <li>Tablet</li> </ol> </body> </html> Post any problem if encountered in the comments . Thanks for visiting GIMIBITS . Please share this post and like us on Facebook. HITESH BHATIA EDITOR IN CHIEF
Post a Comment
Read more

Adding Marquee tag in HTML5 and CSS3.

By
This post is about adding Marquee Tag in html. The HTML marquee tag is used for scrolling piece of text or image displayed either horizontally across or vertically down your web site page depending on the settings. <!DOCTYPE html> <html> <head>   <title> Marquee Tag </title> </head> <body>   <marquee bgcolor="#eeeeee" direction="right" scrollamount="10" width="100%" height="20">       GimiBits!   </marquee><br>   <p>   <marquee bgcolor="skyblue" direction="down" scrollamount="5" width="49%" height="500">     <center>C</center>     <center>C++</center>     <center>Java</center>   </marquee>   <marquee bgcolor="skyblue" direction="up" scrollamount="5" width="49%" height="500"> ...
Post a Comment
Read more

Adding Field tag in HTML5 and CSS3.

By
This post is about adding Field Tag in html. Here is the implementation of the logic. <html> <head> <title>HTML fieldset Tag</title> </head> <body> <form> <fieldset> <legend>Details</legend> Student Name: <input type="text"><br/></br> MCA Subjects:<input type="text"><br/></br> <input type="submit" value="Submit"> </fieldset> </form> </body> </html> Post any problem if encountered in the comments . Thanks for visiting GIMIBITS . Please share this post and like us on Facebook. HITESH BHATIA EDITOR IN CHIEF
Post a Comment
Read more

Adding Dialogue Boxes IN HTML5 AND CSS3.

By
This post is about adding Dialogue Boxes in html. Here is the implementation of the logic. <!DOCTYPE html> <html> <head> <title>HTML dialog Tag</title> </head> <body> <!-- Simple pop-up dialog box, containing a form --> <dialog id="dialog"> <form method="dialog"> <h3> Hello</h3> <menu> <button id="close" type="reset">Close</button> </menu> </form> </dialog> <menu> <button id="click">Click Me</button> </menu> <script> (function() { var clickButton = document.getElementById('click'); var closeButton = document.getElementById('close'); var Dialog = document.getElementById('dialog'); // Update button opens a modal dialog clickButton.addEventListener('click', function() { Dialog.showModal(); }); // Form close button closes the dialog...
Post a Comment
Read more

Dropdown Boxes in html

By
This post is about creating Dropdown boxes in html. <html> <head> <title> DropDown</title> <style media="screen" type="text/css"> .clearfix:after {     display:block;     clear:both; } /*----- Menu Outline -----*/ .menu a {     transition:all linear 0.15s;     color:#919191; } .menu .arrow {     font-size:11px;     line-height:0%; } /*----- Top Level -----*/ .menu > ul > li {     float:left;     display:inline-block;     position:relative;     font-size:19px; } .menu > ul > li > a {     padding:10px 40px;     display:inline-block;     text-shadow:0px 1px 0px rgba(0,0,0,0.4); } .menu > ul > li:hover > a, .menu > ul > .current-item ...
Post a Comment
Read more

Removing HTML Tags from string in C#

By
Hello friends, With this very first post of our new Blog GimiBits, we start our whole new journey contributing to information technology. Our First post is about the logic to remove the HTML tags from the given string with C# (C Sharp) programming language. Logic is very Simple to Implement, we take up a string and for its each index char we find the opening '<' braces and ignores the inside content until the closing '>' braces is not encountered and save to another char[] datatype. Here is a function based Implementation of the logic:  public string RemoveHtmlTags(string Html)         {             string content = Html;             char[] array = new char[content.Length];             int arrayIndex = 0;           ...
Post a Comment
Read more