Web Elements
EXAMPLES OF VARIOUS ELEMENTS THAT CAN BE PLACED ON A WEB PAGE.
Text
This is bold and this is strong. 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.
Heading with a Subtitle
IT IS A GOOD IDEA TO USE A LOT OF WHITE SPACE
An attractive website can help your "curb appeal".
Heading with a Subtitle
DIFFERENT SIZES OF TYPE CAN HELP YOUR READER IDENTIFY WITH THE MORE IMPORTANT AREAS.
Sometimes less is more sometimes more can look like less.
Heading Level 2
Heading Level 2
Heading Level 3
SHeading Level 5
Heading Level 6
Blockquote
Another way to draw your reader's attention to a certain area of your website. What do you really want to tell your viewer? Does it make sense to cut to the chase?
Lists
Unordered
- Just bullets no numbers
- Can be placed anywhere
- You might want just one bullet
Alternate
- Information
- Before and after
- Next on the menu
Ordered
- A numbered list
- Monday
- Wednesday
- Friday
Table
Version One
Name | Description | Price |
---|---|---|
Item One | Blue and white tank top | 29.99 |
Item Two | Red long sleeved top | 19.99 |
Item Three | White cropped pants | 29.99 |
Item Four | Purple clamdiggers | 19.99 |
Item Five | Black tank dress | 29.99 |
100.00 |
Version Two
Name | Description | Price |
---|---|---|
Item One | Blue and white tank top | 29.99 |
Item Two | Red long sleeved top | 19.99 |
Item Three | White cropped pants | 29.99 |
Item Four | Purple clamdiggers | 19.99 |
Item Five | Black tank dress | 29.99 |
100.00 |
Buttons
Form
Images
Examples of image placement.
![](images/banner.jpg)
![](signup/BeachClubPool.jpg)
![](signup/CoconutPeru.jpg)
![](signup/RoyalBridge.jpg)
![](signup/BreakersOne.jpg)
![](signup/BreakersTwo.jpg)
![](signup/BreakersThree.jpg)
Left & Right
There are thousands of different ways to set up a website with different kinds of coding, visuals and text. Start with the most important elements and then you can leave it or embellish as you wish. A website could be JUST text or images or a combination of both. All will need coding of some sort, whether it be HTML or something more complicated. A website can be just one page or hundreds of pages.
One can save time by making most decisions before you contact a website designer. Take a look at some websites that you like and gather ideas. The functionality of the site is important. The visuals and color can always be changed or added later. Think of your audience. Maybe your website will be best suited to mobile devices rather than a larger screen.