Saturday, February 25, 2012

HTML: Attributes


You can add attributes to elements in the document.

What is an attribute?

Surely you remember that the elements of a structure in HTML documents and tells the browser how you want your website (for example, <br /> tells the browser to create a new line). Some items may contain more information. This additional information are called attributes.

Example 1:


<h2 style="background-color:#ff0000;"> My friendship with HTML </ h2>


Attributes are always placed in the opening tag and the attribute value is placed in quotation marks. We use a semicolon to separate values ??for the attribute style. We'll come back to this later.

What's the catch?

There are many different attributes. First you will learn a style attribute. Using the style attribute, you can add layout to your website. For example, background color:

Example 2:


<html>

<head>
</head>

<body style="background-color:#ff0000;">
</body>

</html>


Shows a red page in the browser - check and see for yourself. For a while we explain exactly how the system works colors.

Note that some tags and attributes using the American spelling for example. color instead of color. It is important for you to be careful using the same spelling that we have in przykładachw course - otherwise, your browser does not understand the code. Also, do not forget to put quotation marks at the end of the attribute value.

Tuesday, February 14, 2012

A few more HTML elements


Did you manage to do a few pages on your own? If not, here's your example:


<html>

<head>
<title> My website </title>
</head>

<body>
<h1> Header </h1>
<p> text text text text </p>
<h2> Subheading </h2>
<p> text text text text </p>
</body>

</html>

Now what?

Now it's time to learn seven new elements.

In the same way you can bold your text by placing it between the opening and closing <b> </b>, you can tilt the text using <i> opening tag and closing </i>. Yes, "i" stands for "italic" style letters or inclined.

Thursday, February 9, 2012

Create your first website!


Thanks to what you learned in previous lessons, you are now about to create your first website.

How?

In Lesson 1 we looked at what we need to create web pages: browser and Notepad (or similar text editor). Since you are reading this, it is highly likely that you already have your browser open. The only thing you need to do is to open an additional browser window (open the browser again) so you can read this tutorial and look at their new website at the same time.

So, open Notepad (in Accessories under Programs in the Start menu):


Now we are ready!

What can I do?

Let's start with something simple. Maybe on the side with the inscription: "Hurrah! This is my first page." Read on and see how simple it is.

HTML is simple and logical. Browser reads HTML like you read from top to bottom from left to right. Thus, an HTML document starts with what should be first on the page and ends with what should be displayed on the page as the last.

The first thing you need to do is tell the browser that you will "talk" to the HTML language. You do so by inserting a tag (no surprises). So before you do anything else, type "" in the first line of your document in Notepad.

Referring to the first lesson, is an opening tag should also be a closing tag, which we put at the end of the HTML document. So, not to forget the HTML close tag now type "" a few lines down and the rest of the document between and .

The next thing you need in your document is the "head", which provides information about the document, and the "body", which is the content of the document.

Your document should now look like this:

Sunday, February 5, 2012

HTML: Elements and Tags


You are now ready to learn the core language of HTML elements.

Elements of a structure in the code the HTML document and tells the browser how to present the website information. Generally, the element consists of a start tag, content, and a closing tag.

"Tags"?

Tags are labels used to mark the beginning and end of the element.

All tags have the same format: start with a less than "<" and end with a majority of ">".

Generally speaking, there are two types of tags - opening: and closing . The only difference is the forward slash "/" added the closing tag. Content by putting it between the opening and closing tag.

Everything in HTML is based on the elements. To learn HTML is to learn and use different tags.

Can you show me some examples?

Tuesday, January 31, 2012

What is HTML?

Lesson briefly present your new friend, HTML.

What is HTML?

HTML is the "language" of your browser.

To shorten a long history, HTML was invented in 1990 by a scientist Tim Berners-Lee. The aim was to facilitate the scientists at different universities to gain access to other's research documents. The project became a bigger success than ever imagined Tim Berners-Lee. By inventing HTML he laid the foundations of the Internet as we know it today.

HTML is a language that allows the presentation of information (eg scientific research) on the Internet. What you see when you browse a page of HTML code interpretation by the browser. To see the HTML code on the Internet, simply click the "View" in the top menu of your browser and select "Source".

View source For the untrained eye, HTML code looks very complicated but this course will help in its understanding.

What can I use HTML?

Monday, January 30, 2012

Html first lesson

In this first lesson, you will present briefly the tools needed for creating websites.

What is needed?

You probably already have everything you need. Have a "browser". The browser is a program that makes it possible to browse and open websites. Right now looking at this page in your browser.

No matter which browser you use. The most popular is Microsoft Internet Explorer. But there are many others such as Opera or Mozilla Firefox and you can use you want.

You might have heard, or you are using programs such as Microsoft FrontPage, Macromedia Dreamweaver or even Microsoft Word, which can - or claim that they can - create websites for you. For the duration of this course, forget about them! They are not any help to you when learning how to code your own website.

Instead, you need a simple text editor.