Skip to main content

Posts

Showing posts with the label Lesson

Lesson 9: Images

Familiarise yourself with seven of the most-used elements Lesson 9: Images Wouldn't it be great if you could have an image of actor and music legend David Hasselhoff right in the centre of your page? That sounds like a bit of a challenge... Maybe, but in fact it is pretty easy to do. All you need is an element: Example 1: <img src="david.jpg" alt="David" /> would look like this in the browser
Post a Comment
More information Read more

Lesson 8: Links

Discover how to create links to your own and other pages on the Internet. Lesson 8: Links 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 of what a link to HTML.net could look like
Post a Comment
More information Read more

Lesson 7: Attributes

Learn to add extra information to your tags and formulate commands in a more explicit manner. 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 information. Such additional information is called an attribute. Example 1: <h2 style="background-color:#ff0000;">My friendship with HTML</h2> Attributes
Post a Comment
More information Read more

Lesson 6: A few more elements

Familiarise yourself with seven of the most-used elements. Lesson 6: A few more elements 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> <p>text, text text <h1>A Heading</h1> , text</p> ext text, text</p> <h2>Subhead</h2> <p>text, t </body> </html> Now what ?
Post a Comment
More information Read more

Lesson 5: What have you learned so far?

Lesson 5: What have you learned so far? Always start with the basic template we made in the previous lesson: <html> <head> <title></title> </head> <body> </body> </html> In the head section, always write a title:  <title> The title of your page </title> . Notice how the title will be shown in the upper left corner of your
Post a Comment
More information Read more

Lesson 4: Create your first website

Lesson 4: Create your first website With what you learned in the previous lessons, you are now only minutes away from making your first website. How? In Lesson 1 we looked at what is needed to make a website: a browser and Notepad (or similar text editor). Since you are reading this, you most likely already have your browser open. The only thing you need to do is to open an extra browser window (open the browser one more time) so you can read this tutorial and see your new website at the same time. Also, open Notepad (in Accessories under Programs in the Start menu
Post a Comment
More information Read more

Lesson 3: Elements and tags

Lesson 3: Elements and tags You are now ready to learn the essence of HTML: elements. Elements give structure to a HTML document and tells the browser how you want your website to be presented. Generally elements consists of a start tag, some content, and an end tag. "Tags"? Tags are labels you use to mark up the begining and end of an element. All tags have the same format: they begin with a less-than sign "<" and end with a greater-than sign ">". Generally speaking, there are two kinds of tags - opening tags: <html> and closing tags: </html>. The only difference between an opening tag and a closing tag is the forward slash "/". You label content by putting it between an opening tag and a closing tag.
Post a Comment
More information Read more

Lesson 2: What is HTML?

Lesson 2: What is HTML? This lesson will give you a brief presentation of your new friend, HTML. What is HTML? HTML is the "mother tongue" of your browser. To make a long story short, HTML was invented in 1990 by a scientist called Tim Berners-Lee. The purpose was to make it easier for scientists at different universities to gain access to each other's research documents. The project became a bigger success than Tim Berners-Lee had ever imagined. By inventing HTML he laid the foundation for the web as we know it today
Post a Comment
More information Read more

Lesson 1: Let's get started

Lesson 1: Let's get started In this first lesson, you will get a brief presentation of the tools you need to make a website. What is needed? Most likely you already have everything you need. You have a "browser". A browser is the program that makes it possible to browse and open websites. Right now you are looking at this page in your browser.
Post a Comment
More information Read more