Tags

Here you will find all posts tagged 'tags'.

Web Development Tutorial Part 3 – More HTML

Posted September 16th, 2014 by

So having completed both Part 1 and Part 2 of this series of web development tutorials, we can now move on to investigate more interesting HTML elements.

Text-level semantics

Text-level semantic elements allow us to describe the meaning of text content in our document. We can say that some particular words are more important than others, that a line break should go here, that this bit here is a quote, etc. We won’t be discussing all of the elements that can be used, but we’ll cover the most important.

The anchor element

The anchor element is represented by the ‘a’ tag, and is displayed as a hyperlink which can lead to other webpages – creating that web of links you’ve heard that’s world-wide. The anchor element has a ‘href’ attribute which indicates the webpage to link to. It’s used like this:


<a href="someotherpage.html">This link takes you to some other page</a>

(more…)

Comments: none yet | Filed under: tutorials | Tagged: , , ,

Web Development Tutorial Part 2 – HTML

Posted September 14th, 2014 by

So having completed Part 1 of this series of web development tutorials, we can now begin to get some actual coding done, remembering of course that since we’re just using HTML and not CSS, we won’t be able to create a particularly attractive webpage, but we’ll at least have a foundation upon which we can further our knowledge.

We’ll start by examining the most basic HTML document usable practically. It looks like this:


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>HTML document</title>
    </head>
    <body>
        <p>This is a paragraph.</p>
    </body>
</html>

Paste that into a file with the extension ‘.html’, and open it up in your favourite web browser – you can use a program like Notepad++ to do this (just switch the language to HTML). Note that when you do this, your browser is directly interpreting the file itself – there’s no request to a server or anything, so this is purely client-side.

(more…)

Comments: none yet | Filed under: tutorials | Tagged: , , , , ,