1.
Open a text editor. On a Windows computer, you'll usually use Notepad, or Notepad++ whereas Mac users will use TextEdit:Windows - Open Start
type in notepad, or notepad++and click Notepad or "Notepad++" at the top of the window.Mac - Click Spotlight type in textedit, and double-click TextEditat the top of the results.
2.
Set up your document type for HTML.Type in and press ↵ Enter, then type in and press ↵Enter again. Finally, type in and press ↵ Enter. The top of your document should resemble the following:
3.
Add a tab title for your web page. This is the title which will appear on the browser tab when you open the page (e.g., "Facebook"). Type in, enter your web page's tab title, and type in . You'll then add the closing "Head" tag, which is , on its own line. The title section should look like this:
My Web Page
4.
Indicate the beginning of your page's body text. Type in below the closed "Head" tag. This ensures that the rest of your document's text will be considered website text until you close the "Body" tag. You should have the following:
5.
Create a page heading. Your page heading is the title which will appear at the top of your website. To create one, type in
6.
Add additional headings as you go.There are six different headings that you can create by using the through tags. For example, to create three different-sized headings in succession, you might write the following:
7.
Create a paragraph. Paragraph tags are used to create distinct blocks of text. To place text in a paragraph, type in
You can add multiple paragraph lines in a row in order to create a series of paragraphs under one heading.
8.
Change text color. You can change the color of any text by framing the text with the tags, making sure to type your preferred color into the "color" section (you'll keep the quotes). For example, to turn a paragraph's text blue, you would write the following:
You can turn any text (e.g., headers) into a different color with this set of tags.HTML supports a surprisingly large number of colors, so feel free to experiment with different color names.
9.
Format text with bold, italic, or underlining. Bold text, italic text, and underlined text can be created with the tags, the tags, and the tags respectively. You can also create subscript text (used for things like numbers before square roots) and superscript text (used for things like squaring numbers):
Bold text Italic text Underlined text Subscript textSuperscript text
10.
Add a picture to your page. You can use the tags to embed an existing image in your web page. For example, if the image's URL is "www.mypicture.com/lake", you would write the following:
11.
Link to another page. You can add an link to another website by using the link texttag set, where link is the URL for the website to which you want to link and link text is the text that will act as the link. For example, to link to Facebook, you would type the following:
This is the link to Facebook's website.
12.
Close the web page's tags. As with any tag in HTML, you'll have to close the and tags that are at the top of your document by typing in the following at the bottom of the document:
13.
Review your web page. You can add more paragraphs, headings, and text anywhere on the page in between the tags if needed. One example of a completed web page is as follows:
wikiHow Fan Page
14.
Make any last-minute changes. If you see any errors in your code, correct them before proceeding. Once you're certain that your HTML accurately reflects your expectations, you can proceed to the next part.
Open a text editor. On a Windows computer, you'll usually use Notepad, or Notepad++ whereas Mac users will use TextEdit:Windows - Open Start
type in notepad, or notepad++and click Notepad or "Notepad++" at the top of the window.Mac - Click Spotlight type in textedit, and double-click TextEditat the top of the results.
2.
Set up your document type for HTML.Type in and press ↵ Enter, then type in and press ↵Enter again. Finally, type in and press ↵ Enter. The top of your document should resemble the following:
3.
Add a tab title for your web page. This is the title which will appear on the browser tab when you open the page (e.g., "Facebook"). Type in
4.
Indicate the beginning of your page's body text. Type in below the closed "Head" tag. This ensures that the rest of your document's text will be considered website text until you close the "Body" tag. You should have the following:
5.
Create a page heading. Your page heading is the title which will appear at the top of your website. To create one, type in
, add your heading, and then close the tag with
. For example:Welcome to My Page!
6.
Add additional headings as you go.There are six different headings that you can create by using the through tags. For example, to create three different-sized headings in succession, you might write the following:
Welcome to My Page!
My name is Bob.
I hope you like it here.
7.
Create a paragraph. Paragraph tags are used to create distinct blocks of text. To place text in a paragraph, type in
and type in your text, then type in
to close the tag:This is my paragraph.
You can add multiple paragraph lines in a row in order to create a series of paragraphs under one heading.
8.
Change text color. You can change the color of any text by framing the text with the tags, making sure to type your preferred color into the "color" section (you'll keep the quotes). For example, to turn a paragraph's text blue, you would write the following:
Whales are majestic creatures.
You can turn any text (e.g., headers) into a different color with this set of tags.HTML supports a surprisingly large number of colors, so feel free to experiment with different color names.
9.
Format text with bold, italic, or underlining. Bold text, italic text, and underlined text can be created with the tags, the tags, and the tags respectively. You can also create subscript text (used for things like numbers before square roots) and superscript text (used for things like squaring numbers):
Bold text Italic text Underlined text Subscript textSuperscript text
10.
Add a picture to your page. You can use the tags to embed an existing image in your web page. For example, if the image's URL is "www.mypicture.com/lake", you would write the following:
11.
Link to another page. You can add an link to another website by using the link texttag set, where link is the URL for the website to which you want to link and link text is the text that will act as the link. For example, to link to Facebook, you would type the following:
This is the link to Facebook's website.
12.
Close the web page's tags. As with any tag in HTML, you'll have to close the and tags that are at the top of your document by typing in the following at the bottom of the document:
13.
Review your web page. You can add more paragraphs, headings, and text anywhere on the page in between the tags if needed. One example of a completed web page is as follows:
Welcome to My Page!
This is a fan page for wikiHow. Make yourself at home!
Important Dates
January 15, 2019 - text2web's Birthday
Links
Here is a link to wikiHow: www.wikihow.com
14.
Make any last-minute changes. If you see any errors in your code, correct them before proceeding. Once you're certain that your HTML accurately reflects your expectations, you can proceed to the next part.
