background preloader

HTML Links

HTML Links
Links are found in nearly all web pages. Links allow users to click their way from page to page. HTML Links - Hyperlinks HTML links are hyperlinks. A hyperlink is a text or an image you can click on, and jump to another document. HTML Links - Syntax In HTML, links are defined with the <a> tag: <a href="url">link text</a> Example <a href=" our HTML tutorial</a> Try it Yourself » The href attribute specifies the destination address ( The link text is the visible part (Visit our HTML tutorial). Clicking on the link text, will send you to the specified address. Local Links The example above used an absolute URL (A full web address). A local link (link to the same web site) is specified with a relative URL (without HTML Links - Colors When you move the mouse over a link, two things will normally happen: The mouse arrow will turn into a little hand The color of the link element will change By default, a link will appear like this (in all browsers): You can change the default colors, by using styles:

Galerie photo avec JavaScript Ce tutoriel pour débutants propose la création d’une galerie d’images simple avec HTML, CSS et une surcouche JavaScript. Préambule: en complément ou en remplacement de ce tutoriel créé en 2005, nous vous proposons de consulter un tutoriel plus récent : Une galerie d’images simple avec jQuery. Ce dernier est destiné aux personnes ayant déjà des bases en JavaScript et si possible avec jQuery. Voici un petit exemple concret d'un cas où JavaScript permet un gain au niveau de la navigation sans entrave à l'accès au contenu au cas où ce dernier soit désactivé. HTML CSS I collegamenti nei documenti HTML 12.1 Introduzione a collegamenti e ancore L'HTML offre molti dei convenzionali stili editoriali per il testo formattato e i documenti strutturati, ma ciò che lo differenzia dalla maggior parte degli altri linguaggi di marcatura sono le sue caratteristiche idonee a produrre documenti ipertestuali e interattivi. Questa sezione introduce il collegamento (o ipercollegamento o collegamento Web), il costrutto ipertestuale di base. Un collegamento è una connessione da una risorsa Web ad un'altra. Benché sia un concetto semplice, il collegamento è stata una delle forze principali che hanno determinato il successo del Web.

Multi-Level Drop Down Menu based on unordered list « JavaScript DHTML Tutorials The main feature of this menu is the clear separation between the HTML code, software code and visual appearance. No more onmouseover or onmouseout or, worse, multidimensional array of elements in a .js file. The HTML code of the menu is a simple treelike unordered list: <ul class="mlddm"><li><a href="#">Item 1</a><ul><li><a href="#">Item 1.1</a></li><li><a href="#">Item 1.2</a></li><li><a href="#">Item 1.3</a></li></ul></li><li><a href="#">Item 2</a><ul><li><a href="#">Item 2.1</a></li><li><a href="#">Item 2.2</a></li><li><a href="#">Item 2.3</a><ul><li><a href="#">Item 2.3.1</a></li><li><a href="#">Item 2.3.2</a></li><li><a href="#">Item 2.3.3</a></li></ul></li></ul></li><li><a href="#">Item 3</a></li></ul>

HTML Images Use of nth-child CSS Pseudo Selector You might think of applying a particular style for 2nd, 3rd, 4th, 5th … nth list item specifically and or to set different style for even and odd rows in a table. This is possible with the nth-child pseudo selector of CSS. Learn how to use it with examples. Some of the pseudo class selectors are not commonly used but they can do many tricks and make your website outlook pleasant. Expression Web Templates - FREE Expression Web Templates The thumbnail of the template will take you to a full page using that template. You can download the Personal Web Package from the individual page or from this page. There are also instructions for importing the fwp (file extension used for the personal web package) file into a new website. A Personal Web Package is a way in which Expression Web will package up all of the files/folders for a website into a package that can then be imported into a new website or existing website. Don't have Expression Web? Download a free copy.

CSS Based Layout Templates Each of these templates uses a css based layout with the exception of one. The templates use an XHTML transitional doctype and have an external stylesheet. You are welcome to use them as a basis for site layout as is or change them as needed. Changes to colors, font families, font sizes and such should be made within the external stylesheet. Clicking on the link under the template will take you to the full size template. The masthead on some of the templates uses a graphic image.