html, css, jQuery, PHP, mySQL
Wednesday, August 10th, 2011
TweetMany 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: accessibility, appearance, attribute, background color, background colour, background image url, color hex, colour name, colour value, decorative features, element, level elements, repeat repeat, rgba, screen readers, semantic markup, shorthand, span, transparency
Posted in Tutorials | No Comments »
Saturday, August 6th, 2011
TweetSometimes 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: attribute, bold text, element name, elements, font weight, hash symbol, html element, letters and numbers, li class, paragraph, passport, value pair
Posted in Tutorials | No Comments »
Friday, August 5th, 2011
TweetAlthough 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: advantages and disadvantages, attribute, bad idea, element, html document, image file, images, img src, lt, mycat, own website, photographs, png, savin, short description, value pairs, web page
Posted in Tutorials | No Comments »
Friday, August 5th, 2011
TweetFor 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: assistive devices, attribute, background colour, bgcolor, body tag, element, elements, html attributes, lt, mypage, quality examples, quotes, screen readers, universal resource locator, value pair, value pairs, w3c schools, web crawlers, web page
Posted in Tutorials | No Comments »
Friday, August 5th, 2011
TweetLists 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: anchor, attribute, bullet points, caption, case letters, different shapes, html attributes, hypertext reference, lower case, lt, own website, roman numerals, scratch, value pairs
Posted in Tutorials | No Comments »