html, css, jQuery, PHP, mySQL

Posts Tagged ‘attribute’

CSS From Scratch. 8:2 Background images.

Wednesday, August 10th, 2011

Many experts agree that it is best to include images in your web page using CSS. This makes it easier to edit them later, and maintains the separation of concerns (CSS used only for appearance, HTML used only for semantic markup). Others disagree, and say that it is better for accessibility to use HTML <img> […]

Tags: , , , , , , , , , , , , , , , , , ,
Posted in Tutorials | No Comments »

HTML From Scratch. 7:3 Meta tags

Sunday, August 7th, 2011

We already used a meta tag in the head of our html code: <meta charset=”UTF-8″> Meta tags add extra information in the head of the html, for use by the browser or by web crawlers. The attribute name can take any value, so the following are all valid: <meta name=”author” content=”Fred Bloggs”> <meta name=”favourites” content=”chocolate, […]

Tags: , , , , , , , , , , , , , , , ,
Posted in Tutorials | No Comments »

HTML From Scratch. 7:1 iframes

Sunday, August 7th, 2011

In this lesson we return to HTML to cover a few more important element types. The first of these is the iframe. Iframe stands for inline frame, and iframes are like rectangular windows in a web page, within which another web page can be displayed. This allows you to incorporate portions of other websites within […]

Tags: , , , , , , , , , , , , ,
Posted in Tutorials | No Comments »

CSS From Scratch. 5:3 Classes and IDs.

Saturday, August 6th, 2011

Sometimes just selecting parts of the page using the element name (body, div, p, ul etc) is not enough. What if you want to make one paragraph stand out by giving it bold text? Perhaps there are several elements on your page which should all have a different colour of writing? This is where the […]

Tags: , , , , , , , , , , ,
Posted in Tutorials | No Comments »

HTML From Scratch. 4:6 Images for the Web

Friday, August 5th, 2011

Although it is considered best practice to use CSS to place images in a web page, it is still very useful to know how to do this with HTML. Here is the basic code to include a picture called mycat.jpg in your HTML document: <img src=”mycat.jpg” alt=”my cat Fluffy” /> Notice this is another self-closing […]

Tags: , , , , , , , , , , , , , , , ,
Posted in Tutorials | No Comments »

HTML From Scratch. 3:1 HTML Attributes

Friday, August 5th, 2011

For links for this lesson (the W3C online validator) see separate sheet. resources HTML elements can take various attribute and value pairs, which tell the browser something extra about how to display the element, or give more information which can be used by web crawlers (Googlebot et al) or assistive devices such as screen readers. We […]

Tags: , , , , , , , , , , , , , , , , , ,
Posted in Tutorials | 1 Comment »

HTML From Scratch. 2:2 Lists

Friday, August 5th, 2011

Lists are very important in HTML, and are a little more complicated. There are two basic types of lists: Ordered lists have UPPER or lower case letters, numbers or roman numerals. This can be specified using HTML attribute and value pairs, but is best done with CSS. You can also start your list from a […]

Tags: , , , , , , , , , , , , ,
Posted in Tutorials | No Comments »