Creating a New Web Page in Notepad .......................................................... 3
Webpage Structure ..................................................................................... 4
Text and Paragraph Formatting ................................................................... 5
Basic Text Editing .................................................................................... 5
Paragraph Formatting and Breaks ............................................................ 5
Font Types and Colours ........................................................................... 6
Horizontal Lines ....................................................................................... 6
Heading Styles ......................................................................................... 7
Page Setup .................................................................................................. 8
Bullet and Numbered Lists .......................................................................... 8
Ordered Lists ........................................................................................... 8
Unordered Lists........................................................................................ 9
Multi-level Lists........................................................................................ 9
Adding Images .......................................................................................... 10
Hyperlinks ................................................................................................ 11
Links to Websites ................................................................................... 11
Links to Files ......................................................................................... 12
Using an Image as a Link ....................................................................... 12
Link to Top of Webpage .......................................................................... 13
Tables ....................................................................................................... 13
Basic Tables ........................................................................................... 13
Merging Cells ......................................................................................... 14
Cell Alignment........................................................................................ 15
Adding an Image in a Table .................................................................... 15
Basic Animations ...................................................................................... 15
Marquee Scrolling Text ........................................................................... 15
Animated GIFs ....................................................................................... 15
HTML Colours and Codes .......................................................................... 16
Common Fonts ......................................................................................... 17
Comments ................................................................................................ 17
Good Practices when Creating a Webpage ................................................. 18
HTML Tag Sheet........................................................................................ 19
Getting Started with HTML Compiled by: Michelle Meyer
, Page 3 of 19
Creating a New Web Page in Notepad
Create a folder and give it an appropriate name, for example, I am going to
create a website about Rottweilers. My folder will therefore be called
RottweilerWebsite for this example. All web pages and images relating to my
website will be saved in this single folder.
Open a new text file in Notepad. Click File > Save as. Give your web page an
appropriate name and add the extension .html manually. I will name the page
home.html.
home.html
file name extension manually added
Now you are ready to begin coding. Make use of the HTML Tag Sheet on page
19 to help you with your tags and attributes.
First open the file in Notepad or any other text-based editor. You need to right
click and use the open with option. Also open the file in any web browser,
such as Google Chrome or Firefox. Fit the windows, so you can see both
windows at the same time. See the screenshot below:
Getting Started with HTML Compiled by: Michelle Meyer
The benefits of buying summaries with Stuvia:
Guaranteed quality through customer reviews
Stuvia customers have reviewed more than 700,000 summaries. This how you know that you are buying the best documents.
Quick and easy check-out
You can quickly pay through credit card or Stuvia-credit for the summaries. There is no membership needed.
Focus on what matters
Your fellow students write the study notes themselves, which is why the documents are always reliable and up-to-date. This ensures you quickly get to the core!
Frequently asked questions
What do I get when I buy this document?
You get a PDF, available immediately after your purchase. The purchased document is accessible anytime, anywhere and indefinitely through your profile.
Satisfaction guarantee: how does it work?
Our satisfaction guarantee ensures that you always find a study document that suits you well. You fill out a form, and our customer service team takes care of the rest.
Who am I buying these notes from?
Stuvia is a marketplace, so you are not buying this document from us, but from seller marnelvanwyk. Stuvia facilitates payment to the seller.
Will I be stuck with a subscription?
No, you only buy these notes for $5.67. You're not tied to anything after your purchase.