digiterra
textfield
ascii-html-table
html snippets
passwords
calendar
php pdo
cookie php
az range
HTML Snippets
Some preformated html template snippets with dummy texts.
HTML5 Template
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title></title> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/style.css"> </head> <body> <!-- CONTENT HERE --> </body> </html>
Form
<form action="#" method="post"> <div> <label for="name">Label:</label> <input type="text" name="name" id="name" value="" tabindex="1"> </div> <div> <h4>Radio Button Choice</h4> <label for="radio-1">Option 1</label> <input type="radio" name="radio-1" id="radio-1" tabindex="2" value="option-1"> <label for="radio-2">Option 2</label> <input type="radio" name="radio-2" id="radio-2" tabindex="3" value="option-2"> </div> <div> <label for="select-option">Dropdown:</label> <select name="select-option" id="select-option"> <option value="Option 1">Option 1</option> <option value="Option 2">Option 2</option> <option value="Option 3">Option 3</option> </select> </div> <div> <label for="textarea">Message:</label> <textarea cols="40" rows="6" name="textarea" id="textarea"></textarea> </div> <div> <label for="checkbox">Checkbox:</label> <input type="checkbox" name="checkbox" id="checkbox"> </div> <div> <input type="submit" value="Submit"> </div> </form>
Unordered list
<ul> <li></li> <li></li> <li></li> <li></li> </ul>
Ordered list
<ol> <li></li> <li></li> <li></li> <li></li> </ol>
Table with 2 columns
<table> <thead> <tr> <th></th> <th></th> </tr> </thead> <tbody> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> </tbody> </table>
Table wih 4 columns
<table> <thead> <tr> <th></th> <th></th> <th></th> <th></th> </tr> </thead> <tbody> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </tbody> </table>
Standard navigation
<nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">Projects</a></li> <li><a href="#">Downloads</a></li> <li><a href="#">About Us</a></li> <li><a href="#">Contact</a></li> </ul> </nav>
Figure and caption
<figure> <img src="image.jpg" alt="Descriptive image text" width="400" height="186"> <figcaption>Image caption text.</figcaption> </figure>