Loko Web Design

Web services for everyone.

  • Phone

    (208) 779-0120
  • Email


Basic HTML Files

Have you ever needed some basic HTML? Maybe you were setting up a stylesheet and just wanted to copy and paste some HTML with which to work. I have too! That's why I set up these basic HTML files. I've tried to include the most common tags in each. Keep in mind, each preview is loaded using your browser's default styles.



Common HTML Form Tags



<form name="formName" id="formName" action="process.php" method="post">
		<legend>Form Legend</legend> <input type="hidden" name="hidden" value="something hidden">
			<label for="input1">Label 1</label> <input id="input1" name="input1" type="text">
			<label>Label 2</label> <input name="radios" type="radio" value="radio 1"> <input name="radios" type="radio" value="radio 2">
			<label for="input4">Label 3</label> <input name="checks" type="checkbox" value="checkbox 1"> <input name="checks" type="checkbox" value="checkbox 2">
			<label for="textarea">Label 4</label> 
			<textarea id="textarea" name="textarea">
			<label for="select">Label 5</label> <select id="select" name="select">
					Please choose...
				<option value="option 1">
					Option 1
				<option value="option 2">
					Option 2
			<label for="readonly">Label 6</label> <input type="text" name="readonly" id="readonly" readonly>
			<label for="file">Label 7</label> <input type="file" name="file" id="file">
			<input id="submit" name="submit" type="submit" value="Submit">

General HTML Tags



<!DOCTYPE html>
  <title>Title Bar</title>
   <h1>Heading 1</h1>
   <p>Paragraph of text with some <strong>bold text</strong> and some <em>italicized text</em>. Also <a href="url">a link</a>.</p>
   <h2>Heading 2</h2>
   <p>Paragraph of text with some <strike>strikethrough text</strike> and some <small>small text</small>. Also <u>underlined text</u>.</p>
   <p><img align="right" src="../../assets/placeholder.png" alt="image"></p>
   <h3>Heading 3</h3>
   <blockquote>Blockquote text</blockquote>
   <p>Paragraph of text and a <span>span</span>.</p>
   <pre>a section inside a pre tag</pre>
   <h4>Heading 4</h4>
   <tt>Why not add some typewriter text?</tt>
   <h5>Heading 5</h5>
   <h6>Heading 6</h6>

HTML Tables



<table cellspacing="0" cellpadding="5" border="1">
			<th>column 1 heading</th>
			<th>column 2 heading</th>
			<th>column 3 heading</th>
			<th>column 1 footer</th>
			<th>column 2 footer</th>
			<th>column 3 footer</th>
			<td>row 1, column 1</td>
			<td>row 1, column 2</td>
			<td>row 1, column 3</td>
		<tr rowspan="2">
			<td rowspan="2">row 2 and 3, column 1</td>
			<td>row 2, column 2</td>
			<td>row 2, column 3</td>
			<td>row 3, column 2</td>
			<td>row 3, column 3</td>
			<td colspan="2">row 4, column 1 and 2</td>
			<td>row 4, column 3</td>
Ads by Google