Common HTML tags for fast copy-paste

Submitted by html_freak on Thu, 06/11/2009 - 21:31

Every webmaster needs some common html tags like a,table,img,div,headings or embed code for windows media player or adobe(formerly macromedia) flash very often. Mostly it is possible to save much time to just easily copy-paste empty tags instead of write them. Therefore I am trying to create a useful list with possible examples. Feel free to add suggestions with examples.

Bookmark/Search this post with:

Tags:

Comments

a : link page elements (anchor)

Submitted by html_freak on Thu, 06/11/2009 - 21:35.

 
	<a href="http://example.com">Example 1</a>
	
	<a name="mylink" id="mylink" href="/some/path/file.php" target="_blank" rel="noindex,nofollow">Example 2</a>

img : call graphic elements in a webpage

Submitted by html_freak on Thu, 06/11/2009 - 21:48.

 
	<img src="example.jpg" />
	
	<img src="example.jpg" alt="Description of image" width="600" height="480" border="1" hspace="5" vspace="5" align="right"  />

heading titles & subtitles : h1, h2, h3, h4, h5, h6

Submitted by html_freak on Thu, 06/11/2009 - 22:12.

 
	<h1>This is the largest heading, which could be the page title</h1>
	<h2>This is the second large title, could be used for categories etc</h2>
	<h3>This is the third large title (medium size)</h3>
	<h4>This is the fourth large title</h4>
	<h5>This is the fifth heading and the second smallest</h5>
	<h6>This is the smallest heading</h6>

This is the largest heading, which could be the page title

This is the second large title, could be used for categories etc

This is the third large title (medium size)

This is the fourth large title

This is the fifth heading and the second smallest

This is the smallest heading

ul : list elements (unordered bullets)

Submitted by html_freak on Thu, 06/11/2009 - 22:03.

<ul>
	<li>PHP</li>
	<li>HTML</li>
	<li>CSS</li>
	<li>JavaScript</li>
	<li>Java</li>
	<li>ASP</li>
	<li>Perl</li>
</ul>

List of Programming Languages:

PHP
HTML
CSS
JavaScript
Java
ASP
Perl

ol : list elements (ordered, numeric)

Submitted by html_freak on Thu, 06/11/2009 - 22:02.

<ol>
<li>Microsoft Windows XP / Vista</li>
<li>Apple Mac OS X </li>
<li>Linux Ubuntu</li>
<li>Linux Debian</li>
<li>Linux MEPIS</li>
<li>Linux openSUSE</li>
<li>Linux SUSE Enterprise Linux</li>
<li>Linux Fedora</li>
<li>Linux Red Hat Enterprise Linux</li>
<li>Linux CentOS</li>
<li>Linux Mandriva</li>
<li>Linux Xandros</li>
<li>Linux Linspire </li>
<li>Linux Gentoo</li>
<li>Linux Slackware </li>
<li>DragonFly BSD</li>
<li>OpenBSD </li>
<li>Nexenta</li>
<li>Solaris </li>
<li>Inferno</li>
<li>SkyOS</li>
<li>Digital UNIX (aka Tru64) </li>
</ol>

List of Operating System

Microsoft Windows XP / Vista
Apple Mac OS X
Linux Ubuntu
Linux Debian
Linux MEPIS
Linux openSUSE
Linux SUSE Enterprise Linux
Linux Fedora
Linux Red Hat Enterprise Linux
Linux CentOS
Linux Mandriva
Linux Xandros
Linux Linspire
Linux Gentoo
Linux Slackware
DragonFly BSD
OpenBSD
Nexenta
Solaris
Inferno
SkyOS
Digital UNIX (aka Tru64)

dl : Definition List

Submitted by html_freak on Thu, 06/11/2009 - 22:07.

<dl>

<dt>Apache</dt>
<dd>Apache is a webserver</dd>

<dt>ZF</dt>
<dd>Zend Framework</dd>

</dl>

Demo:

Apache: Apache is a webserver
ZF: Zend Framework

Favicon.ico

Submitted by html_freak on Sat, 06/13/2009 - 00:08.

<link rel="shortcut icon" href="/themes/zen/favicon.ico" type="image/x-icon" />

swf : object embed code

Submitted by html_freak on Thu, 06/11/2009 - 22:26.

Insert flash videos to your website (ie Youtube):

<object width="425" height="344">
<param name="movie" value="example.swf"></param>
<embed src="example.swf" type="application/x-shockwave-flash" width="425" height="344"></embed>
</object>

<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/aZpD0btOZx8&hl=de&fs=1&"></param>
<param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/aZpD0btOZx8&hl=de&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>
</object>

script : javascript code & include .js file

Submitted by html_freak on Sat, 06/13/2009 - 00:11.

<script type="text/javascript" src="/external/files/javascript.js"></script>

<script type="text/javascript">
<!--
alert('Hello World!');
-->
</script>

style - css : embed code and external file

Submitted by html_freak on Sat, 06/13/2009 - 00:14.

  <link type="text/css" rel="stylesheet" media="all" href="/public_files/style.css" />

<style type="text/css">
<!--

-->
</style>

object : apple quictime movie embed html code

Submitted by Anonymous on Sun, 06/14/2009 - 01:50.

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="320" height="260">
 <param name="src" value="/apple/quicktime/example.mov" />
 <param name="controller" value="true" />
 <object type="video/quicktime" data="/apple/quicktime/example.mov" width="320" height="260" class="mov">
  <param name="controller" value="true" />
  Error occured!
 </object>
</object>