Making an "Under Construction" page - Revision history

Andrew: /* Remove comments if you want to */

2023-02-20T12:01:28Z

‎Remove comments if you want to

2023-02-20T11:59:28Z

‎Edit the content

2023-02-20T11:57:29Z

‎Make the page

2023-02-16T19:39:38Z

‎Edit the text

2023-02-16T19:38:44Z

‎Edit the text

2023-02-16T19:36:03Z

‎Edit the content

2023-02-16T19:35:28Z

‎Edit the content

2023-02-16T19:34:56Z

‎Edit the content

2023-02-16T19:29:22Z

‎Edit the content

2023-02-16T19:28:12Z

‎Edit the text

@@ Line 89: / Line 89: @@
 ===Remove comments if you want to===
-In the code above you will have noticed text written <code>/* between marks like this */</code>
+In the code above you will have noticed text written <code>/* between marks like this */</code>. These are comments. They are not displayed or interpreted by the viewer's web browser, so it's safe to remove them if you'd like to. We've only added them to help you understand what the code does.
 ==Save the file==

← Older revision		Revision as of 11:59, 20 February 2023
Line 87:		Line 87:

	For longer lines, it's best to put each line between its own set of "p" tags.		For longer lines, it's best to put each line between its own set of "p" tags.
		+
		+	===Remove comments if you want to===
		+	In the code above you will have noticed text written <code>/* between marks like this */</code>

	==Save the file==		==Save the file==

@@ Line 31: / Line 31: @@
                left: 50%;
                transform: translate(-45%, -65%);
                font-size: 2em;
+           }
        &lt;/style>

@@ Line 71: / Line 71: @@
 ===Edit the text===
-The main text "My website" and "Coming soon" is easy to change. Look for the following, toward the end of the code:
+The main lines "My website" and "Coming soon" is easy to change. Look for the following, toward the end of the code:
            &lt;p>

@@ Line 71: / Line 71: @@
 ===Edit the text===
-The main text "My website" and "coming soon" is easy to change. Look for the following close to the end of the code:
+The main text "My website" and "Coming soon" is easy to change. Look for the following, toward the end of the code:
            &lt;p>

@@ Line 65: / Line 65: @@
 These tell search engines what your page is about, and can also be used by assistive technologies like screen readers used by people with vision loss.
-Each of these meta tags has a '''content''' field, which you can edit to contain information about your website. The important thing to remember are:
+Each of these meta tags has a '''content''' field, which you can edit to contain information about your website. The important things to remember are:
 * Only edit the text in the content="" field, '''between''' the quotation marks.

@@ Line 62: / Line 62: @@
 HTML tags look like &lt;this>. That's called a "start tag". An "end tag" looks like &lt;/this> with a forward slash before the word. Start tags indicate the start of some format or effect, and end tags end it. If you look at the code block above, you'll see the "title" start and end tags, marking the title of the page '''Under construction'''. You can change the title of your page to be anything you want by changing the text between the title tags.
-Next there's a special kind of tag, the "meta" tag. Meta tags are special because they don't have close tag partners. They also perform many functions, but the ones we're interested in are '''meta name="description"''' and '''meta name="keywords"'''.
+Next there's a special kind of tag, the "meta" tag. Meta tags are special because they don't have end tag partners. They also perform many functions, but the ones we're interested in are '''meta name="description"''' and '''meta name="keywords"'''.
 These tell search engines what your page is about, and can also be used by assistive technologies like screen readers used by people with vision loss.

@@ Line 60: / Line 60: @@
        &lt;meta name="keywords' content="my website, my business, my products">
-HTML tags look like &lt;this>. That's called a "start tag". An "end tag" looks like &lt;/this> with a forward slash before the word. Start tags indicate the start of some format or effect, and end tags end it. If you look at the code block above, you'll see the "title" start and end tags, marking the title of the page '''Under construction '''. You can change the title of your page too be anything you want by changing the text between the title tags.
+HTML tags look like &lt;this>. That's called a "start tag". An "end tag" looks like &lt;/this> with a forward slash before the word. Start tags indicate the start of some format or effect, and end tags end it. If you look at the code block above, you'll see the "title" start and end tags, marking the title of the page '''Under construction'''. You can change the title of your page to be anything you want by changing the text between the title tags.
 Next there's a special kind of tag, the "meta" tag. Meta tags are special because they don't have close tag partners. They also perform many functions, but the ones we're interested in are '''meta name="description"''' and '''meta name="keywords"'''.

@@ Line 83: / Line 83: @@
 The "p" tag indicates a paragraph.
-The "br" tag is another special tag that doesn't need a partner. This is called a "self-closing" tag. The "br" tag creates a line '''br'''eak, or new line, like pressing enter on a keyboard when you're typing normal text. HTML ignores normal "enter" line breaks, so for short lines of text, you can use the "br" tag to end a line. For longer lines, it's best to put each line between its own set of "p" tags.
+The "br" tag is another special tag that doesn't need a partner. This is called a "self-closing" tag.
 ==Save the file==

@@ Line 73: / Line 73: @@
 The main text "My website" and "coming soon" is easy to change. Look for the following close to the end of the code:
-           &lt;p>&lt;center>
+           &lt;p>
                My website
                &lt;br />
                Coming soon
-           &lt;/center>&lt;/p>
+           &lt;/p>
 You can change this text as well. Some tips to help you out: