Basic of website

Always on website :

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Your Title</title>
  </head>
  <body>

  </body>
</html>


If you have CSS it will come before head and java on body 


<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Your Title</title>
 <link rel="stylesheet" href="main.css">
  </head>
  <body>
        <h1>Task Timeline</h1>
<p id="date"></p> <ul> <li class="list">Edit the head</li> <li class="list">Edit the body</li> <li>Link to JavaScript</li> </ul> <script src="app.js"></script>
    <noscript>You need to enable JavaScript to view the full site.</noscript>
    
  </body>
</html>

Add anything in the body for add-in page 


Button with href 

    <form>
      <input type="button" onclick="window.location.href='https://explinux.com';" value="explinux" />
    </form>
 
Button href open in new tab 

<form action="https://www.w3docs.com/" method="get" target="_blank">
         <button type="submit">Click me</button>


Add href in an in any text 


<a href="url">link text</a>


Open in new tab URL 

<a href="https://www.w3schools.com/" target="_blank">Visit W3Schools!</a>


Use image as a link 

<a href="default.asp">
<img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;">
</a>

Send mail href 
<a href="mailto:someone@example.com">Send email</a>



Title href or hyperlink 

<a href="https://www.w3schools.com/html/" title="Go to W3Schools HTML section">Visit our HTML Tutorial</a>

Comments

Post a Comment

Popular posts from this blog

20 python library

Image
  20 Python Packages That You Must Try That Makes Your Life Easier Python is the most used programming language in the world of programming. It is one of the best choices for a beginner. The thing that attracts people towards python is simplicity and easy syntax. Python is an interpreted language so it becomes much easier to find bugs in the code. It is created by Guido van Rossum and first released in 1991, and since then the community of python developers is rising day by day with a large number of people. According to some resources, python has a community of over 10 million people. It is used by many multi-billion companies like Google, Amazon, Facebook, and more. I am using python for the last 1 and a half years, and the thing that I most like about python is its  One-Liners  and Packages,  and it is also the reason for me choosing python over any other language. In this blog, I will introduce you to the 15 python packages that are very useful and you must try t...
Read more

django ajax using jquery and Jasonresponse

  +++++++++++++++++++++++ Template  {% block javascript %}     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>     <script>         $(document).ready(function () {             // catch the form's submit event             $('#changelogs').submit(function () {                 // create an AJAX call                 $.ajax({                     data: $(this).serialize(), // get the form data                     type: $(this).attr('method'), // GET or POST                     url: "{% url 'logs' %}",                     // on success     ...
Read more

javascript validate form by separate by comma

Use variable with javascript inner HTML   var str = document.getElementById("elementID").value var res = str.split(" ") res.length Script javascript  <script type="text/javascript"> function valicontact() {   var x = document.getElementById("inputFirstname").value;   var res = x.split(",")   var y = document.getElementById("signum").value;   var ress = y.split(",")   var z = document.getElementById("Contactno").value;   var resss = z.split(",")   var n = res.length   var s = ress.length   var c = resss.length   if (s == c && s == n){   Sbutton.style.display = "block";   document.getElementById("errormessage").innerHTML = ""   } else {   document.getElementById("errormessage").innerHTML = "Number of Name,Signum and Contact should be same <br> name =" + n + "<br> Signum = " + s + "<br> Contact =" +c...
Read more