Do It Yourself – Website Tutorials
⌚ TIME STAMPS ⌚
00:00 INTRODUCTION
00:57 Create your first HTML page
08:31 Review Your HTML page
09:22 HEAD tag
09:44 BODY Tag
10:31 Heading HTML tags
12:41 Paragraph tag
13:51 Line Break tag
15:57 Text Formatting Tags
18:45 Lists (Ordered and Unordered list)
23:33 Comments in HTML
25:29 Horizontal line tag
27:08 IMG tag (Add Image to HTML)
31:40 Hyperlink A tag (Add Link in HTML website)
34:30 Mail Link (Add a email link in HTML page)
HOW TO USE NOTEPAD++ FOR HTML TO CREATE A WEBSITE
=================================================
LEARN HOW TO MAKE WEBSITE FOR FREE. ALL YOU NEED IS NOTEPAD++ & YOUR IMAGINATION!
1. Open Notepad++.
2. Create a new document.
3. File ► Save ► index.html (Avoid using spaces, Use ‘_’).
4. Type the following HTML as shown in the video.
NOTE: Avoid an urge to copy and paste. As you type, you are training
your brain to learn these commands and information. So, at
least in the beginning of learning HTML, avoid copy/paste.
5. Save the file again. Syntax highlighting should come up. (This is the reason
you should use notepad++ to create HTML website, and not Notepad,
that Microsoft ships with).
6. Now, go to your file explorer and double click on this file.
It should open in your default web browser (Google Chrome/MS Edge)
7. Congratulations. You have created in Notepad++ your very first html website. You can also view current file in different browsers from View ► View Current File In.
LET’S REVIEW WHAT WE JUST DID.
==============================
Each html page consist of
1. DOCTYPE – Declaration to web browser about the HTML version.
2. HEAD (header block),
3. BODY block – All your html webpage will go between body tags.
HTML, HEAD, BODY etc are called HTML TAGS. Each tag should have its
closing tags.
LET’S ADD SOME HTML TAGS IN OUR NOTEPAD++ HTML DOCUMENT
=======================================================
Let’s add some HTML tags. There are numerous HTML tags. We will just learn
the most common ones so that you can create your own website.
1.HEADING HTML TAGS
h1, h2, h3…..
Notice, it is not case sensitive.
2.PARAGRPH TAGS
p tags
Notice, that text breaks are not affected.
3.LINE BREAK
If you want line break at particular paragraph.
4.TEXT FORMATTING HTML TAGS
Bold – b
Italics – i
Underline – u
Center – center
Strikeout
Superscript
Subscript
5.LISTS
ORDERED LISTS (ol) – Numbered list
UNORDERED LISTS (ul) – bullet points
LIST ITEMS (li)
6.COMMENTS
7.HORIZONTAL LINE
8.IMAGE HTML TAG
9. HYPERLINKS
10. EMAIL LINKS HTML TAG
—
Thank you for listening to this “How to use Notepad++ for html to create a website” video.
☛ please LIKE or SUBSCRIBE.
☛ Please COMMENT If You Like To See Any Video On Specific Topic
(#UseNotepad++forHTMLToCreateWebsite #Notepad++HTMLWebsite)
source