Wouldn’t be great if you could give your pages the layout they deserve? Sure, but how? To give your website layout use Cascading Style Sheets (CSS). In this lesson you will get a short introduction to CSS. But later you can learn all about CSS from scratch in our CSS tutorial. So please consider this […]


Read More...

Tables are used when you need to show “tabular data” i.e. information that is logically presented in rows and columns. Is it difficult? Building tables in HTML may at first seem complicated but if you keep cool and watch your step, it is actually strictly logical – just like everything else in HTML. Example 1: […]


Read More...

In this lesson, you will learn how to make links between pages. What do I need to make a link? To make links, you use what you always use when coding HTML: an element. A simple element with one attribute and you will be able to link to anything and everything. Here is an example […]


Read More...

You can add attributes to a number of elements. What is an attribute? As you probably remember, elements give structure to a HTML document and tells the browser how you want your website to be presented (for example, <br /> informs the browser to make a line break). In some elements you can add more […]


Read More...

Did you manage to make a few pages on your own? If not, here is an example: <html> <head> <title>My website</title> </head> <body> <h1>A Heading</h1> <p>text, text text, text</p> <h2>Subhead</h2> <p>text, text text, text</p> </body> </html> Now what? Now it is time to learn seven new elements. In the same way you emphasise the text […]


Read More...

Up until now, we have not cared much about the dimensions of the elements we have worked with. In this lesson, we will take a look at how you easily can define the height and width of an element. width height Setting the width [width] With the width-property, you can define a certain width of […]


Read More...

Borders can be used for many things, for example as a decorative element or to underline a separation of two things. CSS gives you endless options when using borders in your pages. border-width border-color border-style border The width of borders [border-width] The width of borders is defined by the property border-width, which can obtain the […]


Read More...

The box model in CSS describes the boxes which are being generated for HTML-elements. The box model also contains detailed options regarding adjusting margin, border, padding and content for each element. The diagram below shows how the box model is constructed: The box model in CSS The illustration above might seem pretty theoretical to look […]


Read More...

You can apply what you already learned in the previous lessons to links (i.e. change colors, fonts, underline, etc). The new thing is that CSS allows you to define these properties differently depending on whether the link is unvisited, visited, active, or whether the cursor is on the link. This makes it possible to add […]


Read More...

Formatting and adding style to text is a key issue for any web designer. In this lesson you will be introduced to the amazing opportunities CSS gives you to add layout to text. The following properties will be described: text-indent text-align text-decoration letter-spacing text-transform Text indention [text-indent] The property text-indent allows you to add an […]


Read More...

Buy Me a Coffee

If i helped you earn more buy me a coffee it will help me to work on more projects :)

Recent Posts

Download Android App

Tags