If you are a beginner and want to build a site by using web designing software then you must learn basic HTML and CSS first.
You must have to keep good knowledge about HTML and then CSS.
You can build your site by using java script, Flash, Adobe Dreamweaver CS5
and many others things, but HTML is the basic structure of any website.
and many others things, but HTML is the basic structure of any website.
So, if you want build a site then you must learn HTML first.
You can build an attractive site by using HTML and CSS then you need additional software for edit and maintain your site.
What is HTML?
HTML stands for Hyper Text
Markup Language. It is a type of computer language that is primarily
used for files that are posted on the internet and viewed by web
browsers. HTML files can also be sent via email.
Although it may seem complex
to the uninitiated, HTML is relatively simple. All text, graphics, and
design elements of a web page are "tagged" with codes that instruct
the web browser how to display the files. Such files are easy to
recognize because they contain the file extension such as 'html' or
'htm.'
Basic structure of a HTML document
Here's an example of a simple HTML document structure code:
<HTML>
<HEAD>
<TITLE>My first HTML document</TITLE>
</HEAD>
<BODY>
<P>Hello world!
</BODY>
</HTML>
|
Basically there are two section all web
pages first one is <head> head section </head> and second
one is <body> body section </body>.
1) Head Section
Firstly you have to put here title of your web page like
<title> your page name </title>.
Secondly put under the head tag keywords, description amd content of your page like
<HEAD> <TITLE>10 Easy Meditation Techniques</TITLE> <META name="description" content="The Perfect Meditation guide for you"> <META name="keywords" content="meditation, relaxation, relieve stress"> </HEAD> |
These coding will help you for SEO
(search engine optimization). Put these code every page head section
according to your page subject or title.
2) Body Section
This body section is everything and your
visual page. If you want to show something on your web page then you
have to put object under body section like
<body>
......Put it here, what you want to show on your web page......
</body>
<HTML>
<BODY>
This is My First Web Page.
</BODY>
</HTML>
|
Generally this is the basic of all web
pages. When you making your site using web design software then
automatically this software converted your created design to as a HTML
coding.
So, if you know basic of HTML then it’s so
easy to understand basic structure of every web page. Its will be
helpful for you to build a site.
Given here some simple HTML templates. You can use these for the foundation of your website.
This is user friendly editor software. You can easily create and edit your web pages by this software.
Free HTML Tutorial
This is the introduction with basic HTML and you can download it, if you want.
HTML Table Tutorial
You need to know, how you add a table to your new build website and how you can edit it.
What is CSS?
CSS stands for Cascading Style Sheet. This
is a document format which provides a set of style rules which can
then be incorporated in an XHTML or HTML document.
It is a means to separate web content from formatting and presentation information.
Basic CSS Structure
Basic CSS code is implemented in one of
two ways, directly or indirectly. Direct CSS implementation involves
writing the CSS within the same page as the code (HTML).
Indirect or external CSS implementation
involves writing the CSS on a separate style sheet and calling the
style sheet to the code (HTML). Certain limited CSS styles can also be
applied using tags around text.
If you start with "div id" on HTML page
(div id=anything) like this <div id="rightnav"> then start it on
CSS style sheet by "#" like "#rightnav {put your code here}".
#rightnav {
float: right;
width: 180px;
height: 3200px;
background-color: #FFFFFF;
border-left: 1px solid #CC0033;
border-right: 1px solid #CC0033;
}
|
But if you start with "div class" on HTML page like this <div class="rightnav"> then start it on CSS style sheet by "." like ".rightnav {put your code here}".
.rightnav {
height:.5px;
margin: -5;
padding:0;
font-size: 1px;
line-height: 0;
background-color: #CC0033;
}
|
Make Link CSS Style Sheet with HTML
This is very important to make link with
CSS file to HTML main file. If any problem in link then your CSS file
will not work for your HTML file.
<HTML> <HEAD> <link href="your CSS file name.css" rel="stylesheet" type="text/css"> </HEAD> </HTML> |
So, Make sure your link with CSS is ok and it is working for your HTML main file.
After you've created your web
page, you'll need to save it to your web server. Use
this free software to upload and publish
your pages to the Internet.
Free CSS Tutorial
This is the introduction with basic CSS and you can get help from here.
View all the hex colors and their HTML values.