Step 26: CSS background styling

Step 27: Review, Summary and Finishing up

I will attach 2 notepad files which have summaries of CSS and HTML, I searched and collected all the information and edited it to make a good summary....

I am learning HTML and CSS and am soon going to get certified in it as well, and I thought that it would be a good idea to give out a tutorial on how to start designing your own website using HTML and a little bit of CSS...

HTML is an abbreviation for Hyper Text Markup Language.CSS is an abbreviation for Cascading Style Sheets.

HTML is actually used to create the webpage and the content that it has, like the images and writing. CSS is used to design the webpage and tell the writing and images to be in a certain place, like an image on the top of the page, another in the center etc...

"Anything on the internet can be modified, deleted or added just with the use of HTML and CSS! Even on instructables.com!"

Step 1: What is a website made of?

If you are surfing the web and find any website interesting and cool, and want to find out what and how it was made, or to find out what HTML coding they used, then all you need to do is,

Right click on any blank area on the webpage.

Click view page source

This will open up a new window or a tab according to your settings showing the HTML code that the website runs on.

NOTE : Some websites like instructables, google, youtube etc use a lot of Javascript in their coding, so don't get scared...after reading this instructable, you will be easily able to understand what HTML and CSS are and the fundamental tags.

In this post, very informative knowledge has been shared by vishalapr. Here, I want to suggest HTMLPanda (www.htmlpanda.com) for the best web and mobile app development services. They convert your PSD file into 100% hand coded HTML or HTML5 and CSS.

I am currently taking a class and trying to figure out how to do the HTML formatting, and I am very, very confused with the formatting of the text. Any help as far as websites or information would be greatly appreciated.

Ensure you use Google Chrome, Safari or Firefox if you would like to find the "Inspect Element" tool, which allows you to highlight specific parts of the HTML and see which part of the website they correspond to.

Once you have coded the whole website, you will need to host it for it to be online and for others to see it. You can either do this by setting up your own server(Not really recommended) or you can buy a server slot from others or buy a domain online,

there you can name it with the domain name, to make it the name of your website.

By name,html do you mean like how to save the file that way or once its online the name that you type in like www.instructables.com? if thats what you mean then using the above websites you can name it.

Not meant to offend but maybe you could use a doctype? Doctypes are a form of metatags that tell your browser which version HTML you wrote in your webpage. There are subtle differences for each version so it matters quite a lot which one you use.

You can find all the info on w3schools, btw, you can also apply a HTML5 doctype to #1 of your html page to make the page HTML5 instead of 4.01

Thanks a Bunch. I have started my own site www.Nove-Noga.com based on my study of w3schools available info. You managed to clearly present much of their content in a very clear, concise format. REALLY appreciated your discussion of IDs and CLASSes. Please forgive my site. I only started using the style sheet a couple of days ago. Thanks, Nove-Noga

Thanks for the informations. If you have incerrect coding in a web site you cannot have a good position in search engines. Also SEO is very important for a website. i am also amking web sites Eskisehir web tasarimThanks