Why we do need html and css code for website

weblayout using css and html

Whenever it comes to designing a website, the focus of most of all goes towards HTML and CSS only. Even if you do not have php and do not have any language. It is very important to know HTML and css. How to build a website using html and css? Whenever it comes to our mind, it is important to know html and css. You should know what html is, what CSS is and how to prepare the website layout. This article is described above of the same topics.

What is Style Sheet?

CSS is a style sheet. Which is known as Cascading Style Sheets. In this article, you will be told about the problems encountered while using CSS. People doing web designing or web development are well aware of all these things. But it is not necessary or it is not necessary that a person makes a mistake.

Many times people who make the mistake also make mistakes. And this mistake is not a big mistake, just a small mistake. But this mistake can cancel the entire website many times. Therefore, these mistakes should be avoided and some things should be kept in mind so that these mistakes cannot be done.

  1. Write default names: – When styling css, the biggest trouble is to name the class or id. And it does not understand what to name it. When we make the layout of the website, the name of the class gives upside-down, which we forget after a while. So it is necessary to know which layout to go to the layout, and what should they name them?

Basic structure of web page

In this article, the basic structure of the website will be told and it will be shown how you can also create this structure. For this, paying attention to the coding below is being written.

<!DOCTYPE html>

<html>

<head>

            <title>layout style</title>

            <style type=”text/css”>

                        *

{

            margin: 0px;

            padding: 0px;

}

.bodypage

{

            width: 1000px;

            height: auto;

            margin: 0 auto 0 auto;

            background-color: pink;

}

.navbar

{

            height: 40px;

            background-color: black;

}

.header

{

            height: 100px;

            background-color: silver;

}

.topmenu

{

            height: 40px;

            background-color: brown;

}

.leftsidemenu

{

            width: 120px;

            height: 450px;

            background-color: skyblue;

            display: inline-block;

}

.mainpage

{

            width: 750px;

            height: 450px;

            background-color: lightgreen;

            display: inline-block;

}

.rightsidemenu

{

            width: 120px;

            height: 450px;

            background-color: skyblue;

            display: inline-block;

}

.contactus

{

            height: 100px;

            background-color: green;

}

.footer

{

            height: 40px;

            background-color: black;

}

            </style>

</head>

<body>

            <div class=”bodypage”>

            <div class=”navbar”></div>

            <div class=”header”></div>

            <div class=”topmenu”></div>

            <div class=”leftsidemenu”></div>

            <div class=”mainpage”></div>

            <div class=”rightsidemenu”></div>

            <div class=”contactus”></div>

            <div class=”footer”></div>

            </div>

</body>

</html>

Web Page Layout using with html and css only
  • After creating the website layout, you do the job of putting content in the web site. The point to note is that the layout of the content of the website will be divided into 3 parts:

1. The first part of the content of the website determines the place of the content, as we have made. The thing to note is that only two things are created on the entire website, one is called the text, the other is the image. And the entire website is organized by organizing these two things.

2. When creating a website, the focus is to focus only on the content. By organizing the contents of the entire website itself, it has made the people attractive. So that the client was dragged through the website.

3. While creating the website it is very important to keep the image in mind, because the image itself defines your text at times. Your image is giving some massage and should be a little too attractive with giving the message.

2. Spelling Mistake: – When you have also linked the CSS file to HTML and it still does not work, then there are only 2 reasons:

> A few spelling mistakes when saving your CSS file either. Carefully check your file again and save the CSS file while always having the default name.

> You forgot to set CSS either while saving the CSS file or saved your file in the wrong folder in a hurry. You should go back and check carefully that your file has been saved. And even if your .css file is not being linked, then pay attention to the double dot in front of the file which you gave the path to the file. For example:   ../css/stylesheet.css. your CSS file will start running.

  • Pay attention wording Case: – The people working on the computer will know about the case of wording that the computer language has 3 types of cases of Sentence.
    • lower case
    • Proper Case
    • UPPER CASE

The coding of CSS is also written in lower case, just like the coding of HTML is written in lower case. The thing to note is that you should also use lower case while making a class of CSS, otherwise coding will not work.

5 Replies to “Why we do need html and css code for website

  1. I see you don’t monetize mostlycyber.com, don’t waste
    your traffic, you can earn extra cash every month with new monetization method.
    This is the best adsense alternative for any type of
    website (they approve all websites), for more details simply search in gooogle:
    murgrabia’s tools

  2. Unquestionably believe that which you said. Your favorite justification appeared to
    be on the internet the easiest thing to be aware of. I
    say to you, I definitely get irked while people think about worries that they just don’t know about.
    You managed to hit the nail upon the top and defined out the
    whole thing without having side-effects , people could take
    a signal. Will likely be back to get more. Thanks

  3. I have noticed you don’t monetize mostlycyber.com, don’t waste your traffic,
    you can earn extra bucks every month with new monetization method.
    This is the best adsense alternative for any type of website (they approve all websites), for more
    details simply search in gooogle: murgrabia’s tools

  4. Hi. I have checked your mostlycyber.com and i see you’ve got some duplicate content so probably it
    is the reason that you don’t rank hi in google. But you can fix this
    issue fast. There is a tool that generates articles like human, just search in google: miftolo’s
    tools

Leave a Reply

Your email address will not be published. Required fields are marked *