HTML Help

Need HTML help? You've come to the right place.

In the following table, the left column contains an HTML topic, the right column provides links to where you can find help about that topic.

For this...	do this...
HTML help with tables	Scan the HTML table tutorial Check out the HTML table generator See the HTML table tag Learn about the CSS table-layout property to make large tables load faster Have a look at the CSS table-layout example
HTML help with images	See the `<img>` tag Check out the Web Graphics Tutorial article And the GIMP Tutorial sample If you need help with an image map, check out the article on image maps
Help with hyperlinks	Learn about the `<a>` element To change the look of hyperlinks, see the CSS hyperlinks article If you need to set a default URL for hyperlinks, have a look at the HTML base tag
Help with image maps	Make sure you're familiar with the `<img>` element Read about image maps For a more detailed understanding, learn about the `<map>` and `<area>` elements
Help with fonts	Read the HTML font code article The above article suggests using CSS for fonts. In particular, learn about the following CSS properties: `font`, `font-family`, `font-size`, `font-style`, `font-weight` CSS has other properties that can assist with text formatting and layouts. For example, `line-height`, `letter-spacing`, `text-transform`, `text-align`.
Help with embedding music / audio / sound	Read the HTML music code article Brush up on the `<audio>` element
Help with color	Understand hex color codes View the CSS color chart Read about the `color` and `background-color` properties
Help with numbered (ordered) lists	Learn about the `<ol>` element
Help with unnumbered (unordered) lists	Learn about the `<ul>` element
Help with definition lists	Learn about the `<dl>` element
Help with forms	Learn about the `<form>` element And the form-associated elements: `<button>` `<fieldset>` `<input>` `<keygen>` `<label>` `<object>` `<output>` `<select>` `<textarea>` `<img>`
Help with inline frames	Learn about the `<iframe>` tag You may also be interested in the CSS scrollbars article for creating a similar effect to inline frames
Help with metadata	Learn about the `<meta>` tag
Help with HTML redirects	Read the HTML redirect article This article refers to the `<meta>` for performing client side redirects
Help with adding JavaScript to a web page	Learn about the `<script>` element To learn about JavaScript, see the JavaScript tutorial
Help with event handlers / intrinsic events	Learn about the JavaScript event handlers

Copy/Paste HTML Codes

Below you will find HTML codes that you can copy and paste right into your website or blog etc.

<p><span style="font-size:10px;">Small font</span>
<span style="font-size:18px;">Large font</span>
<span style="font-size:12px;color:orange;">Colored font</span>
<span style="font-size:12px;font-weight:bold;">Bold font</span>
<span style="font-size:12px;font-style:italic;">Italic font</span> and more...</p>

More Text Examples...

<p><a href="https://www.QHMit.com/html/tutorial/html_links.cfm">Example Link</a></p>

More Link Examples...

<p>List Example:</p>
<ol>
<li>HTML Examples</li>
<li>HTML Tutorial</li>
<li>HTML Codes</li>
<li>and much more!</li>
</ol>

More List Examples...

<p>Image  Example:</p>
<a href="https://en.wikipedia.org/wiki/Milford_Sound"><img src="/pix/milford_sound/milford_sound_t.jpg" style="max-width:100%" alt="Milford Sound in New Zealand" /></a>

More Image Examples...

<p>Table Example:</p>
<style type="text/css">
table.example5 {background-color:GreenYellow;border:1px dotted black;width:100%;}
table.example5 th, table.example5 td {text-align:center;border:0;padding:5px;background-color:transparent;}
table.example5 th {background-color:LimeGreen;color:white;}
table.example5 th:first-child {width:20%;}
</style>
<table class="example5">
<tr>
<th rowspan="2">Table header</th><td>Table cell 1
</tr>
<tr>
<td>Table cell 2</td>
</tr>
</table>

More Table Examples...

<p>Form Example:</p>
<form action="/html/tags/html_form_tag_action.cfm">
<textarea cols="10" rows="5">Type something</textarea><br />
<input type="submit" value="Send Away!" />
</form>

More Form Examples...

<p>Frames Example:</p>
<iframe src="/html/templates/frames/frames_example_1.html" width="80%" height="70%">
</iframe>

More Frames Examples...

<p>JavaScript Jump Menu Example:</p>
<script language="javascript" type="text/javascript" >
<!-- hide
function jumpto(x){

if (document.form1.jumpmenu.value != "null") {
	document.location.href = x
	}
}

// end hide -->
</script>
<form name="form1">
<select name="jumpmenu" onChange="jumpto(document.form1.jumpmenu.options[document.form1.jumpmenu.options.selectedIndex].value)">
  <option>Jump to...</option>
  <option value=https://www.QHMit.com>QHMit Homepage</option>
  <option value=https://www.QHMit.com/javascript/>JavaScript</option>
  <option value=https://www.QHMit.com/html/>HTML</option>
  <option value=https://www.QHMit.com/css/>CSS</option>
  <option value=https://www.QHMit.com/sql/tutorial/>SQL</option>
  <option value=https://www.QHMit.com/database/tutorial/>Database Tutorial</option>
  <option value=https://www.QHMit.com/web_hosting/>Web Hosting Tutorial</option>
</select>
</form>

More JavaScript Examples...

Qhmit.com

HTML Help

Copy/Paste HTML Codes

Related