Posts

Free tutorial

HOW TO MAKE A "TO DO LIST" Hello guys welcome back am gonna give you the code for making a to do list, you dont av to write down a list on what you have to do, you can use the code to make a list.okay thats by the way lets move down firstly am going to give the html code for it; HTML: <div id="myDIV" class="header">   <h2 style="margin:5px">My To Do List</h2>   <input type="text" id="myInput" placeholder="Title...">   <span onclick="newElement()" class="addBtn">Add</span> </div> <ul id="myUL">   <li>Hit the gym</li>   <li class="checked">Pay bills</li>   <li>Meet George</li>   <li>Buy eggs</li>   <li>Read a book</li>   <li>Organize office</li> </ul> Then we move to the script type and we are using Javascript; JAVASCRIPT: // Cr...
HOW TO MAKE A TOGGLE  SWITCH Here am gonna give you the code for making a toggle switch firstly we are starting with the html code; HTML: <h2> Toggle Switch </h2> <label class = "switch" >   < input type = "checkbox" >   < span class = "slider" >< /span > </label> <label class = "switch" >   <input type="checkbox" checked>   <span class="slider"></span> </label><br><br> <label class="switch">   <input type="checkbox">   <span class="slider round"></span> </label> <label class="switch">   <input type="checkbox" checked>   <span class="slider round"></span> </label> seecondly the CSS code; CSS: .switch {   position: relative;   display: inline-block;   width: 60px;   height: 34px; } .s...
HTML SYNTAX html is simple just know the syntax html is coded like this <!DOCTYPE html> <html> <head> <title></title> </head> <body> </body> </html>
Image
                                            SmithCoders This site teaches you how to create a website using HTML , CSS . JAVASCRIPT BOOTSTRAP ,PHP , SQL and others.