html ibbye htm

HTML5 <!DOCTYPE> The HTML  <!DOCTYPE>  tag is used for specifying which language and version the document is using. This is referred to as the  document type declaration (DTD) . With the introduction of HTML5, the <!DOCTYPE> tag is mostly useless, as HTML 5 does not require a reference to a DTD. Having said that, for legacy reasons, the HTML5 specification recommends including the <!DOCTYPE> header at the top of all HTML documents.

HTML 5 Comments Tag Description The HTML 'comments' tag is used for creating comments within your HTML code. Comments aren't displayed in the browser - they are simply there for the programmer's benefit. Comments can assist you, the HTML programmer, because you can write notes to yourself that explain what the code does. This is especially useful when you have a lot of code.

HTML5 Global Attributes Each HTML5 element supports a number of attributes. The attributes listed here are common to all HTML5 elements. Attribute Description accesskey Specifies a shortcut key that can be used to access the element. Possible values. [Any string of characters. This string of characters specifies the key/s the user needs to use in order to access the element.] class Document wide identifier. Used to refer to a class specified in the style sheet. The value should be the name of the class you wish to use. For more information, see CSS class. contenteditable Sets whether the user can edit the content or not. Possible values: true

Lesson 12: Height and width Up until now, we have not cared much about the dimensions of the elements we have worked with. In this lesson, we will take a look at how you easily can define the height and width of an element. width height Setting the width [width]

Lesson 11: Borders Borders can be used for many things, for example as a decorative element or to underline a separation of two things. CSS gives you endless options when using borders in your pages. border-width border-color border-style border The width of borders [border-width]

Lesson 10: Margin and padding In the previous lesson you were introduced to the box model. In this lesson, we will look at how you can change the presentation of elements by setting the  margin  and  padding properties. Set the margin in an element Set the padding in an element Set the margin in an element An element has four sides: right, left, top and bottom. The  margin  is the distance from each side to the neighboring element (or the borders of the document). See also the diagram in  lesson 9  for an illustration.

Lesson 9: The box model The box model in CSS describes the boxes which are being generated for HTML-elements. The box model also contains detailed options regarding adjusting margin, border, padding and content for each element. The diagram below shows how the box model is constructed: The box model in CSS

Lesson 6: Links You can apply what you already learned in the previous lessons to links (i.e. change colors, fonts, underline, etc). The new thing is that CSS allows you to define these properties differently depending on whether the link is unvisited, visited, active, or whether the cursor is on the link. This makes it possible to add fancy and useful effects to your website. To control these effects you use so-called pseudo-classes. What is a pseudo-class? A pseudo-class allows you to take into account different conditions or events when defining a property for an HTML tag. Let's look at an example. As you know, links are specified in HTML with  <a>  tags. We can therefore use  a  as a selector in CSS

Lesson 5: Text Formatting and adding style to text is a key issue for any web designer. In this lesson you will be introduced to the amazing opportunities CSS gives you to add layout to text. The following properties will be described: text-indent text-align text-decoration letter-spacing text-transform Text indention [text-indent]

Lesson 4: Fonts In this lesson you will learn about fonts and how they are applied using CSS. We will also look at how to work around the issue that specific fonts chosen for a website can only be seen if the font is installed on the PC used to access the website. The following CSS properties will be described: font-family font-style font-variant font-weight font-size font Font family [font-family]

Lesson 3: Colors and backgrounds In this lesson you will learn how to apply colors and background colors to your websites. We will also look at advanced methods to position and control background images. The following CSS properties will be explained: color background-color background-image background-repeat background-attachment background-position background

Lesson 2: How does CSS work? In this lesson you will learn how to make your first style sheet. You will get to know about the basic CSS model and which codes are necessary to use CSS in an HTML document. Many of the properties used in Cascading Style Sheets (CSS) are similar to those of HTML. Thus, if you are used to use HTML for layout, you will most likely recognize many of the codes. Let us look at a concrete example. The basic CSS syntax Let's say we want a nice red color as the background of a webpage: Using  HTML  we could have done it like this: <body bgcolor="#FF0000"> With  CSS  the same result can be achieved like this:

Lesson 1: What is CSS? Maybe you already heard about CSS without really knowing what it is. In this lesson you will learn more about what CSS is and what it can do for you. CSS is an acronym for  C ascading  S tyle  S heets. What can I do with CSS? CSS is a style language that defines layout of HTML documents. For example, CSS covers fonts, colours, margins, lines, height, width, background images, advanced positions and many other things. Just wait and see!

Introduction - Free CSS Tutorial Cascading Style Sheets (CSS) is a fantastic tool to add layout to your websites. It can save you a lot of time and it enables you to design websites in a completely new way. CSS is a must for anyone working with web design. This tutorial will get you started with CSS in just a few hours. It is easy to understand and it will teach you all the sophisticated techniques. Learning CSS is fun. As you go along through the tutorial, remember to take enough time to properly experiment with what you learn in each lesson. Using CSS  requires basic experience with HTML . If you are not familiar with HTML, please start with  our HTML tutorial  before moving on to CSS. Which software do I need?

A few pieces of good advice for your website projects. Lesson 15: The final tips Congratulations, you have now reached the final lesson. So now I know everything? You have learned a lot and you are now capable of making your own websites! However, what you have learned are the basics and there is still a lot more to be mastered. But you now have a good foundation from which to build on. In this last lesson, you will get some final tips

Learn about the common standard of HTML and how to check your coding is correct. Lesson 14: Web standards and validation In this lesson, you will get a little more theoretical knowledge on HTML. What more is there to know about HTML?

Find out how to get your pages published on the Internet so others can enjoy them too. Lesson 13: Uploading pages Until now, only you have had the satisfaction of viewing your pages. Now it is time for the rest of the world to see your masterpieces. Is the world ready for that? The world is ready - you soon will be too.  To get your website on the internet, you just need some server space and a free FTP program . If you have Internet access, you might already have some free server space for your website. Your server space will then probably be called something like http://home.provider.com/~usernumber. But you might need to activate it first. Read more about this in the papers from your Internet provider or on their support pages.

Understand how Cascading Style Sheets (CSS) can be used to add fantastic layout to your pages. Lesson 12: Layout (CSS) Wouldn't be great if you could give your pages the layout they deserve? Sure, but how? To give your website layout use Cascading Style Sheets (CSS) . In this lesson you will get a short introduction to CSS. But later you can learn all about CSS from scratch in our CSS tutorial . So please consider this lesson only as an appetizer

Create even more advanced tables. Lesson 11: More about tables The title "More about tables" may sound a bit boring. But look at the positive side, when you master tables, there is absolutely nothing about HTML that will knock you out. What is left then? The two attributes  colspan  and  rowspan  are used when you want to create fancy tables. Colspan  is short for "column span".  Colspan  is used in the  <td>  tag to specify how many columns the cell should span

Construct HTML tables for the presentation of structured content. Lesson 10: Tables Tables are used when you need to show "tabular data"  i.e. information that is logically presented in rows and columns. Is it difficult? Building tables in HTML may at first seem complicated but if you keep cool and watch your step, it is actually strictly logical - just like everything else in HTML. Example 1: <table> <tr> ll 1</td> <td>C <td>C eell 2</td> </tr> /td> <tr> <td>Cell 3 <<td>Cell 4</td> </tr> </table> Will look like this