askIT

HTML and CSS - What is it?

We use something called HTML to code website. HTML is built up from diffrent tags. A tag starts with a less-than symbol, «<» and ends with greater-than symbol, «>». Inside the symbols we can program our code. An example is a image, it is coded in HTML like this:

<img src="image url" />

Head and body

A HTML file consists of head and body. The head is typically short, only consisting of around 10-20 lines of code, while the body may consist of hundres of lines.

The head defines the language, title of the website, style sheet and java scripts. The body is everything else. Everything you see on a website is the body.

stick_html_body.jpg

Body is divided into pieces

The body of a HTML document is divided into diffrent pices. We have the header, nav, article and footer.

Header

Nav

Article

Footer

We see that we have a header where we place our logo. We also define a navigation whit links to other pages in our website. Where the main site is we define a article. At the botton we can have our footer with new links or just copyright information. A typical website will then look like this:

World Wide Web
History
Web security
Standards
Statistics

History

The World Wide Web (abbreviated WWW or the Web) is an information space where documents and other web resources are identified by Uniform Resource Locators (URLs), interlinked by hypertext links, and can be accessed via the Internet.

English scientist Tim Berners-Lee invented the World Wide Web in 1989.

© 2017 Tim Berners-Lee

CSS

CSS is a file that containts colors, fonts, backgrounds and other style elements for the website. The CSS file is located in a directory named «_webdesign».

There are always to diffrent CSS files. One named «reset.css» and another named «master.css». The first CSS file is nessesary to have the same layout for all avaible browsers. The second CSS file is the style sheet for your design.

A typical CSS code looks like this:

p{
	font: normal 15px Arial, Helvetica, sans-serif;
}

Here we define the paragraph font to be Arial and the font size to be 15 pixels.


go-previous.png Web hotel and domain

start-here.png Index

go-next.png Basic HTML and CSS skeleton files

Add comment

avatar_blank_60.png

Comment:

Name:

Email:

Comments

No comments yet. You can be the first one to comment. Just write your comment in the form and click on the submit button.