HTML Link
Example of a basic <a href="
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] link</a>
--------------------------------------------------------------------------------------
HTML Open Link in New Window
<a href="http://www.albeik.yoo7.com/html/html_help.cfm" target="_blank">HTML Help</a> -------------------------------------------------------------Example HTML PopupWindow Code
<!-- Codes by Quackit.com -->
<script type="text/javascript">
// Popup window code
function newPopup(url) {
popupWindow = window.open(
url,'popUpWindow','height=700,width=800,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
}
</script>
<a href="JavaScript:newPopup('http://www.albeik.yoo7.com/html/html_help.cfm');">Open a popup window</a>
------------------------------------------------------------------------------------
HTML Link: Same Window
<a href="
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] your HTML codes here!</a>
--------------------------------------------------------------------------------------------
HTML Link: New Window
<a href="
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] an email to Homer now!</a>
----------------------------------------------------------------------------
HTML Link: Named Anchors
<h2>Link Targets<a name="link_targets"></a></h2>
<a href="
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]" target="_blank">Link Targets</a>
---------------------------------------------------------------
Link Code Template
<a href=""
name=""
hreflang=""
type=""
rel=""
rev=""
charset=""
shape=""
coords=""
target=""
accesskey=""
dir=""
class=""
id=""
lang=""
tabindex=""
title=""
style=""
onfocus=""
onblur=""
onclick=""
ondbclick=""
onmousedown=""
onmouseup=""
onmouseover=""
onmousemove=""
onmouseout=""
onkeypress=""
onkeydown=""
onkeyup="">Link Text goes here</a>
-----------------------------------------------------------------------------
Image Link Code: With Border
<a href="
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]" target="_blank">
<img src="
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]" width="200" height="261" border="2" alt="Photo of a big bunny rabbit!" />
</a>
----------------------------------------------------------------------
Image Link Code: No Border
<a href="
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]" target="_blank">
<img src="
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]" width="200" height="261" border="0" alt="Photo of a big bunny rabbit!" />
</a>
----------------------------------------------------------------------------
Basic Email Link Code
<a href="mailto:homer@quackit.com">Email Homer</a> -----------------------------------------------
Link Targets
Visit the <a href="http://www.natural-environment.com" target="_blank">Natural Environment</a>
or
<a href="#link_targets">Link Targets</a>
-------------------------------------------------------
CSS Hyperlinks
1-Hyperlinks with no underline
a:link { text-decoration: none }
2-Text rollovers
a:hover { text-decoration: none }
3-Cursor effects
a:hover { cursor:help }
or
<head>
<style type="text/css">
a {font-family:Georgia, "Times New Roman", Times, serif;font-size:large;cursor: auto}
a:link {color:blue;}
a:visited {color: #660066;}
a:hover {text-decoration: none; color: #ff9900; font-weight:bold;}
a:active {color: #ff0000;text-decoration: none}
</style>
</head>
<body>
<p><a href="/css/css_hyperlinks.cfm" target="_blank">CSS Hyperlinks</a></p>
</body>
--------------------------------------------------------------------------------------------