Open your GUI or Web Editor and bring up a “New” page. Pretend that you have just opened a new business and need to create a web page. This web page needs to look professional and appealing to draw people’s attention. After all, the reason a person goes into business is to make money, and you want your web page to bring customers to you. You need to make sure that your web page includes the following items:
1. A Heading and 1 sub-heading
2. 2 or more Paragraphs of writing.
3. 2 or more horizontal lines
4. A list with either “bullets” or numbers
5. Use fonts on the writing that are VERY legible and easy to read.
6. Use at least two other fonts someplace on the page.
7. A table with some products you are selling along with their price and any other related information.
8. Use bold in at least one place.
9. Use italics in at least one place.
10. Use the underline in at least one place.
11. Leave the background white on the page.
So what is your question?
If you are not sure where to start, I always look at pages similar to the web page I am making.
I write down what I see and what I like about each. I write down different elements. I then go to my notebook and sketch out a basic layout.
From there, I write down the topics of information the client wants. This makes it easier to organize the web site when it comes time to decide how many links I need.
I, like bob, don't really know your question. It almost sounds like a "I'm not sure where to start" type question, so I hope I helped.
Matt
And just in case you need them, here are some codes for you:
http://www.web-source.net/html_tips.htm
(Scroll down past all the ads to get to the good stuff.)
http://www.web-source.net/html_codes_chart.htm
To create a web page with the specified requirements, follow these steps using a web editor:
1. Open your preferred web editor such as Adobe Dreamweaver, Visual Studio Code, Sublime Text, or any other editor of your choice.
2. Create a new HTML file by clicking on "File" > "New" > "HTML File" or by using the keyboard shortcut (e.g., Ctrl + N).
3. Set up the basic structure of your web page by adding the HTML boilerplate code. You can do this by typing `<!DOCTYPE html>` (defines the page as HTML5) and `<html>` tags (encloses all other HTML elements).
4. Inside the `<html>` tags, add a `<head>` section and a `<body>` section to contain the content of your page.
5. Within the `<head>` section, add a `<title>` element to give your web page a title. For example:
```html
<title>Your Business Name</title>
```
6. Now, inside the `<body>` section, you can start building your web page by adding the required elements step by step, following the given guidelines.
Here's how you can include each of the required items:
1. A Heading and 1 sub-heading:
```html
<h1>Main Heading</h1>
<h2>Sub-heading</h2>
```
2. 2 or more Paragraphs of writing:
```html
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae felis ut justo molestie finibus vitae a mauris.</p>
<p>Aliquam sagittis ultrices elit, ac lobortis augue eleifend eget. Nullam id nisi at lectus consequat pharetra.</p>
```
3. 2 or more horizontal lines:
```html
<hr>
<hr>
```
4. A list with either "bullets" or numbers:
```html
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
```
5. Use fonts that are VERY legible and easy to read:
You can specify the font using CSS. Add a `<style>` element within the `<head>` section, and define the font for the entire page:
```html
<style>
body {
font-family: Arial, sans-serif;
}
</style>
```
6. Use at least two other fonts someplace on the page:
You can apply different fonts to specific elements using CSS. For example, to apply a different font to a heading, you can add a class to the `<h1>` tag and define the font in CSS:
```html
<h1 class="different-font">Different Font Heading</h1>
<style>
.different-font {
font-family: "Times New Roman", serif;
}
</style>
```
7. A table with some products, prices, and related information:
```html
<table>
<thead>
<tr>
<th>Product</th>
<th>Price</th>
<th>Related Info</th>
</tr>
</thead>
<tbody>
<tr>
<td>Product 1</td>
<td>$19.99</td>
<td>Info 1</td>
</tr>
<tr>
<td>Product 2</td>
<td>$29.99</td>
<td>Info 2</td>
</tr>
</tbody>
</table>
```
8. Use bold, italics, and underline in at least one place:
```html
<p>This text is bold, italicized, and underlined.</p>
```
9. Leave the background white on the page:
By default, most web editors create a new HTML file with a white background. However, if you want to explicitly set the background color, you can add CSS to the `<style>` element:
```html
<style>
body {
background-color: #fff; /* white */
}
</style>
```
After including all the required elements, you can further enhance the page by adding images, additional styling, navigation menus, or any other content specific to your business. Finally, save the file with an appropriate name and the `.html` extension.