web design

web design
                   Litteratur          Tekstforfatter      Web-design




Web Design, html




1. Basic html tutorial

Danish
Use your note pad program and write:

<html>
<head>
<title>
here you write the title of the page... web design, seo, html
</title>
</head>
<body>
here you write a text for your page
</body>
</html>

... and save it as page.html. It doesn't matter what you call it,
but it must end with .html

if you upload this file to a server it is possible for everbody to see it

it is very easy to change the colour of the background or the text,

in the code <body> you add a few things:

<body bgcolor="#FFFFFF" text="#000000">

the colour codes are easy to find by searching in google.com

Add Me! - Search Engine Optimization









2. Html text


You can use the code <center>text</center> to place the
text in the middle of the html page, or write right or left...

most pages have links to other pages, write

<a href="http://www.google.com" target="_blank">Google</a>

as you can see the href= part shows the adress of the page. if you
remove the target part the page is not going to open in a new window

put a picture on the web page by using <img src="filename.jpg">

example: <img src="peter.jpg"> in this example the picture is a jpg file.

horisontal lines are made with <hr width="100%">.

result:


you can change the size by reducing the number:

result:






More web design, html codes


To make a more interesting web page with a good web design
you need to use more html codes
- let me show you some of them

The text on our page should be placed between the codes <body> and </body>


If you write this:

web design
design web
web designs
web page design
free web site design
cool web design


... the text on your page is going to look like this:

web design design web web designs web page design free web site design cool web design

To start a new line use the code <br> after each word:

web design<br>design web<br>web designs etc.

result:

web design
design web
web designs
web page design
free web site design
cool web design


If you're writing a list use this:


<ul><li>web</li><li>internet</li><market></li>></ul>

result:

  • web
  • internet
  • market


If you want a numbered list write <ol> instead of <ul>:

  1. web
  2. internet
  3. market


It is also important to be able to change the size of the letters

write <font size="6">text</font>

By changing the number in (in this case 6) you can change the size of the letters

You can also change the font by adding the code face="times new roman",

e.g. <font size="6" face="times new roman">text</font>

Result: text

e.g. <font size="6" face="impact">text</font>

Result: text

The code for bold is <b>text</b>: text

and underline is <u>text</u>: text

<i>text</i>:text and so on...

Google
 
Web www.marcusjanby.dk


Valid CSS!



© COPYRIGHT 2006 marcusjanby.dk