Elements used in website building

The script writers use for Text

This is bold and this is strong. This is Mark. This is italic and this is emphasized. This is superscript text and this is subscript text. This is underlined and this is code: for (;;) { ... }. Finally, this is a link.

Putting angle brackets and code like the above shows what the script can do and will also work in inside a text area that will invalid HTML and will cause undefined behaviour in different browsers. some leave unreadable but some do not. The example shown is what script can do to text.

Headings You must try and put your headings H1 H2 H3 h4

The First Heading We can not use the h1 in <> at this spot on the webpage as it gives us a warning about using the h1 element it is used as a top-level heading only as all h1 elements are treated as top-level headings by many screen and browser readers and also other tools 2jc

Heading Level 2

Heading Level 3

Heading Level 4


The HTML blockquote Element or HTML Block Quotation Element indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation Preformatted Text (PRE). Permitted Context: Body. Content, flow, block. Content Model: subset of text.


Preformatted text between the start and end PRE tag is rendered using a fixed with font, in addition whitespace characters are treated literally.

i = 0;

while (!deck.isInOrder()) {
    print 'Iteration ' + i;

print 'It took ' + i + ' iterations to sort the deck.';

Lists HTML List Tags Tag Description ul Defines an unordered list ol Defines an ordered list li Defines a list item dl defines a description list


  • Coffee
  • Milk
  • Sugar


  • Milk
  • Sugar
  • Coffee


  1. Coffee Cup
  2. Tea Spoon
  3. Hot water
  4. Instant Coffee
  5. Milk
  6. Sugar
  7. Drink



The Tables in websites

Default Page to Index

Name Description Cost
Actions Plan a website what you need from it. 9.99
Write script  Save time one ready made 19.99
Check Three Validate script check its running okay 19.99
Check load Optimize images php js and css 19.99
Balance Try to balance design 19.99
Spend 10.05p on keywords 100.00


Name Description Price
Step One Get a free website. 00.00p
Step Two Copy and paste a lot of crap into it. 0.03p
Step Three Get SEO services and plug in services. 39.99
Step Four Pay for key words pay for adds on media 38.99
Step Five Throw more money at it to make it seen. 20.99
Throw another 100 Quid at it Are you cutting corners with your website's design? Don't Your Lazy or bad design decisions will output a dull, under-performing and a generic website could be a waste of money, But not always A generic website can be good if you spent the time with the design and get the scripting right One pit fall to look for is a temp plate with off the shelve js and css script one script fits all it can slow your website down 2jc 100.00

The Buttons

  • Ambled
  • Disabled

A form but you also get in touch Below


Image Fit size Matters

pea flower
love pea

Left and Right Magic Tricks in CSS

The left property in CSS goes hand in hand with positioning. By default, elements are static positioned in which the left property has no effect whatsoever. As the parent is not absolutely positioned, it will appear in the default top left position. The child however still has it's absolute positioning set to the top right, so it is positioned relative to the next parent div that has position: absolute; or position: relative. Comments made about Left and right from the world of the internet."Better to use floats, but I think this technique has the same effect. Good to use with a relatively positioned wrapper though."Sunny "Indeed if you need 2 columns inside a parent div make sure you set the parent div to position: relative; in order to properly contain absolutely positioned child elements." Brian "Floats are better in this case. I generally try to avoid position: absolute;, especially on critical layout components." Dor " y go throught all that trouble when just use tables no hacking this n that" Der

The position property specifies the type of positioning method used for an element. There are five different position values: static; relative; fixed; absolute; sticky. Elements are then positioned using the top, bottom, left, and right properties. However, these properties will not work unless the position property is set first. Any way you look at it one more comment from Mozilla About Positioning Positioning allows you to take elements out of the normal document layout flow, and make them behave differently, for example sitting on top of one another, or always remaining in the same place inside the browser viewport. This article explains the different position values, and how to use them. That's all for this page JoHnC 2jc Brigg Lincoln