News & UpdatesProgrammingWeb programming Store My Projects
Links
Affiliates

HTML Tutorial – 03 – Hello World

August 24th, 2009

To start developing in HTML create an empty text file with an .html file extension and open it in the text editor of your choice – for example Notepad, Bluefish or Dreamweaver. Copy the following content to the HTML file and save it.

<html>
 <head> 
  <title>Learning HTML</title> 
 </head>
 
 <body> 
  Visible content of the document
 </body>
</html>

The HTML part of every website starts and ends with the <html>…</html> element. This element tells the browser that the document contains HTML. Inside the element there are two sections – <head> and <body> – which in turn contains header and body tags. The header gives information about the document, most importantly the page title using the <title> element. The body is the displayed content of the page. These four elements – <html>, <head>, <body> and <title&gt – are required on every webpage.

To view the rendered HTML page double click on the HTML file to open it with your default web browser. Note that although the browser will render the markup tags to display the page it is still possible to look at the original source markup using the “View Source” function in the browser.

HTML Tutorial – 02 – Tags

August 24th, 2009

The markup that defines HTML is called tags. For example, the break tag <br> is used to make a line break. All tags are delimited by angle brackets (<>) and are case-insensitive.

Most tags, such as the paragraph <p>, have both a start and an end tag with content in between.

<p>...</p>

The end tag always has the same name as the start tag, but includes a forward slash before the tag’s name. This combination of start tag, content and end tag is called an element, in this case a paragraph element. Keep in mind that the words element and tag are sometimes used interchangeably.

Attributes and values

Start tags may contain different attributes and values, which are also case-insensitive. The quotes around the value are only required if the value includes whitespace or special characters, but it is a good practice to always include them.

<p align="center">...</p>

Deprecated tags and attributes

As HTML has evolved many of its elements and attributes have become deprecated and should no longer be used. Particularly, all elements and attributes relating to styling (instead of structure) have become deprecated in favor of CSS, which is the style language that complements HTML.

HTML Tutorial – 01 – Introduction

August 24th, 2009

HTML stands for Hypertext Markup Language and is the worldwide standard for creating web pages. It is a simple language used to format documents with a set of predefined markup tags such as: headings, paragraphs and tables. These tags are then interpreted by a web browser in order to display the web page. The web site is typically served over the Internet by a web server, which is a computer running a web server application, such as Apache.

Week 34

August 23rd, 2009

The C# syntax tutorial is now finished with 31 video sections, 9 of which were uploaded this week. Next week I’ll be working on updating the site design in preperation for the text tutorials.

Week 33 – Text Tutorials

August 13th, 2009

This week I’m working on converting all of our video tutorials into text tutorials.

Week 32

August 6th, 2009

This weeks releases finishes up the C++ tutorial for now. Explaining these advanced topics in a way that is easy to learn proved to be quite a challenge. None the less I am very satisfied with the result.

I’ll probably take a break from video production next week and focus on making text tutorials.

  1. 1
  2. ...
  3. 32
  4. 33
  5. 34
  6. 35
  7. 36
  8. 37