HTML - Webpage Layout - Tables or CSS Styling.

Table Example             CSS Example

HTML - We need to learn a little at first and then bit by bit later on as we need to.

Most of the time, I just have a subject of a webpage in mind and don't really know how I might want it laid out.

So I usually just start writing the webpage. As the information given in the text requires it, an Image can be added. If I mention something I saw on another webpage, I insert a hyperlink to that webpage.

Then I continue writing some more. If the page becomes long, I know it would be better to break it up into sections. Each Section would have a Title or Heading in larger text. This allows a visitor to Scan the page and stop on a heading that catches her interest.

And, of course there is the obvious parts of a page that are

  • Website Name and
  • Subject of that particular page.
  • Navigation Links to other pages.
  • Footer with Privacy Policy, Copyright Info, Etc

So Layout of the webpage is something that we are going to have to consider MOST of the time.

Just sketch out, or create a mental picture, if it is a simple layout.

Then figure more exactly, how you are going to Layout the page. Generally the layout is accomplished using either html Tables or by using CSS (Cascading Style Sheet) Styling. More and more, I am seeing CSS being used more than Tables, with good reason.

 

  • Notepad was created for writing plain text files, NOT webpages. So, why is a beginner so often told to use Notepad to write a webpage? Because it is a program that is already on all Windows computers and it produces text files without extraneous formatting that could confuse the browser.

    • Good News!
    NVu is a free, readily available by downloading over the internet, html editor that will make html markup much easier and in many cases automatic.
    Click Here to Get NVu, NOW

Table Example             CSS Example