Category : HTML & CSS

The preload value of the <link> element’s rel attribute lets you declare fetch requests in the HTML’s <head>. specifying resources that your page will need very soon, which you want to start loading early in the page lifecycle. most commonly use <link> to load a CSS file to style your page with: <link rel=”stylesheet” href=”css/main.css”> Here however, we will use a rel value of preload, which turns <link> ..

Read more

following code use  <!doctype html><html><head><meta charset=utf-8><title>textarea character limit</title></head><body><textarea maxlength=”50″ id=”text”>This textarea has a limit of 50 characters.</textarea></body></html> css code:  textarea {width: 240px;height: 80px;padding: 5px;} Javascript : function maxLength(el) { if (!(‘maxLength’ in el)) {var max = el.attributes.maxLength.value;el.onkeypress = function () {if (this.value.length >= max) return false;};}} maxLength(document.getElementById(“text”)); OR  use the HTML code  <textarea rows=”4″ cols=”50″ ..

Read more

EmailJavascript using Excel and PDF exporting the using Javascript You create the Two Button and apply the code this particular  code <script type=’text/javascript’ charset=’utf-8′> var value_pass = ” <?php echo “DueslistBR”.$br.”-“.date(“dmY”) ?> “; $(document).on(‘click’,’.excel’,’pdf’,function(){ $(“#result_table th”).removeAttr(‘style’); $(“#result_table”).table2excel({ exclude: “.noExl”, name: value_pass }); }); </script> <script type=”text/javascript”> function Export() { html2canvas(document.getElementById(‘result_table’), { onrendered: function (canvas) { ..

Read more

EmailThis following code using we can refresh code one page to other page Redirect , using this html code we can redirect the first index page. <html> <meta name=”Generator” content=”EditPlus”> <meta name=”Author” content=”DQS-India”> <meta name=”Keywords” content=”DQS India Top Certification, Training, Audit and Assessment Organization”> <meta name=”Description” content=” DQS India Top Certification, Training, Audit and Assessment ..

Read more

User experience (UX) design is the process of creating products that provide meaningful and relevant experiences to users. This involves the design of the entire process of acquiring and integrating the product, including aspects of branding, design, usability, and function. How Products or Service operate The experience of buying, opening and using the Product for ..

Read more

EmailIn html5 its have more update for input element   we want checkbox input element default checked for that we doing javascript or any other library code. but now not need to go there. html code enough for that.  examples  Subscribe Newsletter Defaultly  <input type=’radio’ id=’chkNo’ name=’chk’  value=’Connect’ checked=’checked’> <input type=’radio’ id=’chkNo’ name=’chk’  value=’Connect..

Read more

EmailThe above example shows typical <select> usage. It is given an id attribute to enable it to be associated with a <label> for accessibility purposes, as well as a name attribute to represent the name of the associated data point submitted to the server. Each menu option is defined by an <option> element nested inside the <select>.   step1: Adding JavaScript   <script>function ShowHideDiv(){var chkYes = ..

Read more

Metadata is data about data. its describe another items’s content. The metadata often used in the context of webpages. it helps to search engine optimisation (SEO) , Find and Understand the data. see the below image you can understand easily Typical metadata Title and description, Tags and categories Who created and when Who last modified ..

Read more

Email In the visual arts,  colour theory or colour theory is a body of practical guidance to colour mixing and the visual effects of a specific colour combination. There are also definitions (or categories) of colours based on the colour wheel: primary colour, secondary colour, and tertiary colour. Primary Colors 1.Red 2.Yellow 3.Blue Tertairy Colors 1.  Red + Orange = Redorange(Vermillion) 2. Red + Purple = ..

Read more

Let’s try this code…. <!DOCTYPE html><html lang=”en”><head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <meta http-equiv=”X-UA-Compatible” content=”ie=edge”> <title>Charts js</title></head><script src=”https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js”></script><script src=”https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js”></script><style>#legend{ height:auto; }#legend{ width:100%; }#legend> ul{ padding: 0; text-align: right;} #legend { width:100%;}#legend li { cursor: pointer; margin: 4px 3px; display: inline-table;}#legend li span { position: relative; padding: 3px 10px; border-radius: 13px; color:#000; z-index: 2; font-size: ..

Read more

Email This is a common technique called a CSS reset. Different browsers use different default margins & padding . The * means all elements(a universal selector), so we are setting all elements to have zero margins, and zero padding, thus making them look the same in all..

Read more

Email<meta charset=”UTF-8″><!– this all deivce of widtha and initial scale –><meta name=”viewport” content=”width=device-width, initial-scale=1″>            <!– This key world of searching websites –>    <meta name=”keywords” content=”dqs-question, answer,knowes,”> <!– discript about of the website –><meta name=”description” content=”Dqs crtifiction and knowes of all the thik are includeing audting ciding”>                <meta name=”author” content=”DQS”>               <meta http-equiv=”refresh” con..

Read more

EmailIn creating a form for form alignment, we need to add <table> ?? <section>    <div class=”container”>       <divclass=”row”style=””> <button type=”button” class=”btn btn-info btn-lg” data-toggle=”modal” data-target=”#myModal”>REQUEST A CALL</button>       </div>    </div></section>     <section>    <div class=”modal fade” id=”myModal” role=”dialog”>       <div class=”modal-dialog”>   <!– Modal content–>         <div class=”modal-content”>            <div class=”modal-header”>           <button ..

Read more

Email<page style=”font-size: 14px” backbottom=”40mm”> <table width=”100%” cellpadding=”0″ cellspacing=”0″ style=”padding: 0 ;margin: 0; “><tr ><td width=”100%” style=”width: 100%;height: 50px”><table width=”100%” cellspacing=”0″ cellpadding=”0″><tr> <td width=”5%” align=”center”><p align=”center”>    </p></td><td width=”25%” align=”left” ><img src=”./res/images/logo_uldqs.png” width=”127px” height=”50px”/></td> </tr></table></td></tr></table>     <page_footer><table style=”width: 100%; border: solid 0px #00406f;”><tr><td colspan=’5’><hr></td></tr><tr> </tr></table></page_footer> ..

Read more