Introduction - Free HTML Tutorial

1896

jabsson

  • Newbie
  • *
  • Posts: 12
    • View Profile
Introduction - Free HTML Tutorial
Posted on: November 19, 2013, 09:34:41 AM


People often think it is extremely difficult to make a website. That is not the case! Everyone can learn how to make a website. And if you read on, you will have made one in just one hour.

Others believe - just as mistakenly - that expensive and advanced software is needed to make websites. It is true that there are  lots of
different programs that claim they can create a website for you. Some come closer than others. But if you want it done right, you must do it
yourself. Fortunately, it is simple and free and you already have all the software you need.

The aim of this tutorial is to give you an easy, yet thorough and correct introduction to how to make websites. The tutorial starts from scratch and requires absolutely no prior knowledge of programming.
The tutorial cannot show you everything. So some engagement and a will to experiment are required. But don't worry - learning how to make websites is a lot of fun and gives a tremendous amount of satisfaction when you get it right.

How you choose to use the tutorial is up to you. But we suggest you read only two or three lessons a day and take time to experiment with the
new things you learn in each lesson.

Okay, enough talk. Let's get started!


If you like the post don't forget to share with your friends


« Last Edit: November 19, 2013, 09:42:05 AM by jabsson »

kelvinlight

  • Newbie
  • *
  • Posts: 6
    • View Profile
Re: Introduction - Free HTML Tutorial
#1 Posted on: November 29, 2013, 11:43:46 AM
I'd really like to continue

jabsson

  • Newbie
  • *
  • Posts: 12
    • View Profile
Re: Introduction - Free HTML Tutorial
#2 Posted on: November 29, 2013, 09:30:24 PM
I need more comments

kelvinlight

  • Newbie
  • *
  • Posts: 6
    • View Profile
Re: Introduction - Free HTML Tutorial
#3 Posted on: November 29, 2013, 10:05:32 PM
ok, how do we get em?

jabsson

  • Newbie
  • *
  • Posts: 12
    • View Profile
Re: Introduction - Free HTML Tutorial
#4 Posted on: December 02, 2013, 08:51:54 AM
 The primary thing to keep in mind, the supermagic key, is that HTML is used for meaning and  CSS  is used for presentation. HTML is nothing more than fancy structured content and the visual formatting of that content will come later when we tackle CSS. You might find different approaches elsewhere on the web but HTML Dog focuses on best practice from the outset and getting into the frame of mind of doing things the right way from the start will lead to much better results in the end.

Contents

●  Getting Started : What you need to do to get going and make
your first HTML page.

● Tags, Attributes and Elements :
stuff that makes up HTML.

●Page Titles
: Titles. For Pages. A difficult concept, we know…

● paragraph
: Structuring your content with paragraphs.

● Headings:
The six levels of headings.

● Lists:
How to define ordered and unordered lists.

●  Links :
How to makes links to other pages, and elsewhere.

● images:
Adding something a bit more than text…

● Tables:
How to use tabular data.

● Forms
: Text boxes and other user-input thingamajigs.

● Putting It All Together
: Taking all of the above stuff and shoving it together. Sort of in a recap groove.



If you like the post don't forget to share with your friends
« Last Edit: December 02, 2013, 08:55:26 AM by jabsson »

jabsson

  • Newbie
  • *
  • Posts: 12
    • View Profile
Re: Introduction - Free HTML Tutorial
#5 Posted on: December 02, 2013, 09:09:52 AM
Getting Started
Most of the stuff on the web is no different than the stuff on your computer — it’s just a whole load of files sorted into a whole load of directories.

HTML files are nothing more than simple text files, so to start writing in HTML, you need nothing more than a simple text editor.

Notepad is a common text
editor on Windows-based
computers (usually found
under the Programs >
Accessories menu) and Mac OSX
computers come bundled with
TextEdit but any program that
lets you fiddle with text will do.

Type this in to your text editor:

This is my first web pag


Now create a folder called
“html” wherever you like to
save files on your computer
and save the file as
“myfirstpage.html”.

Be careful. It is important that
the extension “.html” is
specified - some text editors,
such as Notepad, will
automatically save it as “.txt”
otherwise.

You also need to ensure that
your file is being saved as plain
text. TextEdit, for example,
will start new files as “Rich
text”, containing lots of
formatting extras, by default.
In such cases, go into the
preferences and make sure you
check the “Plain text” format
option before creating a new
file.




To look at HTML files, they don’t even need to be on the
web. Open a web browser such as Chrome, Firefox, Safari
or Internet Explorer and in the address bar, where you
usually type web addresses, type in the location of the
file you just saved (for example, “c:\html
\myfirstpage.html”) and hit return. Alternatively, go to
the File menu of the browser, select Open, and browse for
the file.

Pow. There it is. Your first web page. How exciting. And all
it took was a few typed words.

  We’ve said here to use a basic text-editor, such as
Notepad, but you may be tempted to use a dedicated
software program such as Adobe Dreamweaver.

You should be very careful when using these programs,
especially if you are a beginner, because they often throw
in unnecessary or non-standard code to “help” you.
If you’re serious about learning HTML, you should read
through a tutorial such as this first, so that you at least
have a basic understanding of what is going on.
Software programs such as these will never give you the
same control over a web page as coding by hand.

If you do decide to use specialized code-editing
software, we recommend one in which you are still coding
by hand. They can, in fact, be helpful, especially the
more advanced you become, in terms of code syntax
highlighting and file management.   

kelvinlight

  • Newbie
  • *
  • Posts: 6
    • View Profile
Re: Introduction - Free HTML Tutorial
#6 Posted on: December 02, 2013, 09:54:43 AM
Thanks, it was really helpful. do I need to an HTML text editor or how do I get it? pls, I'm sorry if it was a silly question. I'm just trying to learn.

jabsson

  • Newbie
  • *
  • Posts: 12
    • View Profile
Re: Introduction - Free HTML Tutorial
#7 Posted on: December 02, 2013, 10:34:28 AM
just use NOTE PAD in your computer. ..

I will continue tomorrow

kelvinlight

  • Newbie
  • *
  • Posts: 6
    • View Profile
Re: Introduction - Free HTML Tutorial
#8 Posted on: December 02, 2013, 10:44:57 AM
ok, thanks a lot
 

Quick Reply

NName:

@Email:

Verification:
Type the letters shown in the picture
Listen to the letters / Request another image
Type the letters shown in the picture:
4 + 5 is what?: