Skip to main content

HTML Cheat Sheet Free Download


<!DOCTYPE>Version of (X)HTML
<html>….</html>HTML document
<head>….</head>Page information
<body>….</body>Page contests
<base />Base URL
<meta />Meta data
<title>….</title>Title
<link />Relevant resource
<style>….</style>Style resource
<script>….</script>Script resource
<h1>….</h1> to <h6>….</h6>Heading
<div>….</div>Page section
<span>….</span>Inline section
<p>….</p>Paragraph
<br>Line break
<hr>Horizontal rule
<a href=””>Page link
<a href=”mailto:”>Email link
<a name=”name”>Anchor
<a href=”#name”>Link to anchor
<strong>….</strong>Strong emphasis
<em>….</em>Emphasis
<blockquote>….</blockquote>Long quotation
<q>….</q>Short quotation
<abbr>….</abbr>Abbreviation
<acronym>….</acronym>Acronym
<address>….</address>Address
<pre>….</pre>Pre-formatted text
<dfn>….</dfn>Definition
<code>….</code>Code
<cite>….</cite>Citation
<del>….</del>Deleted text
<ins>….</ins>Inserted text
<sub>….</sub>Subscript
<sup>….</sup>Superscript
<bdo>….</bdo>Text direction
- Advertisement -
<ol>….</ol>Ordered list
<ul>….</ul>Unordered list
<li>….</li>List item
<dl>….</dl>Definition list
<dt>….</dt>Definition term
<dd>….</dd>Term description
<form>….</form>Form
<fieldset>….</fieldset>Collection of fields
<legend>….</legend>Form legend
<label>….</label>Input label
<input>….</input>Form input
<select>….</select>Drop-down box
<optgroup>….</optgroup>Group of options
<option>….</option>Drop-down options
<textarea>….</textarea>Large text input
<button>….</button>Button
<table>….</table>Table
<caption>….</caption>Caption
<thead>….</thead>Table body
<tbody>….</tbody>Table body
<tfoot>….</tfoot>Table footer
<colgroup>Column group
<col />Column
<tr>….</tr>Table row
<th>….</th>Header cell
<td>….</td>Table cell


Comments
<!– Comment Test –>
Page Information

Document Structure 

Links 

Text Markup


List


Forms


Tables

Images and Image Maps
<img />
Image
<map>….</map>
Image Map
<area />
Area of image map
Common Character Entities
&#34;   ”   Quotation mark
&#38;   &   Ampersand
&#60;   <   Less than
&#62;   >   Greater than
&#64;   @  “At” symbol
&#128;  €   Euro
&#149;  •   Small bullet
&#153;  ™  Trademark
&#163;  £   Pound
&#160;       Non-breaking space
&#169;  ©  Copyright symbol
Objects
<object>….</object>
Object
<param />
Parameter
Empty Elements
<area />
<base />
<br />
<col />
<hr />
<img />
<input />
<link />
<meta />
<param />
Core Attributes
Class: id      Style: title
Note: Core attributes may not be used in base, head, html, meta, param, script, style or title elements.
Language Attributes 
dir       lang
Note: Language Attributes may not be used in base, br, frame, framest, hr, iframe, param or script elements.
Keyboard Attributes
accesskey     tabindex
Window Events
onLoad    onUnload
Form Events
onBlur        onReset
onChange   onSelect
onFocus     onSubmit
Keyboard Events
onKeydown   onKeyup
onKeypress
Mouse Events
onClick    onMouseout
onDblclick    onMouseover
onMousedown   onMouseup
onMousemove

Comments

Popular posts from this blog

The Best Web Hosting Services

Are you looking for the best web  hosting  services for your needs? Whether you need a place to host your small personal blog or a major corporate website, the following list will help you identify the best hosts to use. Finding the best web hosting service isn’t quite as straightforward as searching Google and choosing the one with the lowest price. There are a lot of issues to consider, including the reasons for  why  you need hosting and  how  you intend to use it. Once you have a handle on that, finding the right host becomes much easier. Choose one that’s undersized and you’ll end up with website outages and slow page loads, but choose one that’s oversized and you’ll be throwing money away. Defining Your Web Hosting Needs Before choosing your web host, you’ll need to think about your requirements. Consider the following concerns and decide the importance of each item on a scale of 0 to 10 (with 0 being not at all important and 10 being critically important): Speed  — H

Google Photos can now stabilize all your shaky phone camera video

G oogle Photos is where all my photos are. Long ago I was a man of SmugMug, and then Flickr, and then at some point spent days and days copying years of images to iCloud Photo Library before eventually disregarding that and switching to Google. What can I say? I’m a simple person who can be easily delighted and swayed by automatic GIF creation and reliable backups. And Google Photos keeps getting better. Here’s the latest example: now the mobile app can automatically stabilize videos in your camera roll with a tap. A lot of flagship smartphones offer optical image stabilization when shooting video, a hardware feature that helps keep footage smooth. Others, like Google’s Pixel, use software to try and stabilize jerky movements. Putting stabilization inside the Google Photos app could enhance results further if you’re already working with hardware OIS, or improve recordings significantly if your phone lacks any means of steadying things out of the box. The stabilized video is croppe