Do It Yourself – Tutorials – HOW TO USE NOTEPAD++ FOR HTML TO CREATE A WEBSITE: HTML BEGINNERS TUTORIAL FOR FREE (2021)

by | Jan 29, 2021 | 0 comments

Do It Yourself – Tutorials – HOW TO USE NOTEPAD++ FOR HTML TO CREATE A WEBSITE: HTML BEGINNERS TUTORIAL FOR FREE (2021)

by | Jan 29, 2021 | Do It Yourself - Build Your Own Website | 0 comments

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

0 Comments

Submit a Comment

What Our Clients Are Saying

Divorce For Men Publishing

Leland always executes effective social media campaigns that prove to have a return on investment.

C, Divorce For Men Publishing

Dieno Digital Marketing Services
5
2018-04-27T01:11:58+00:00

C, Divorce For Men Publishing

Leland always executes effective social media campaigns that prove to have a return on investment.

Travco RV

Leland lets me focus on running my business while he takes care of the digital marketing for us. He really...

Rod, Travco-Rv.com

Dieno Digital Marketing Services
5
2018-04-27T20:16:51+00:00

Rod, Travco-Rv.com

Leland lets me focus on running my business while he takes care of the digital marketing for us. He really takes care of our companies marketing with his expertise and has a lot of great ideas. We are very fortunate to  have him helping us with fresh new ideas.

British Columbia Coalition Of Motorcyclists

We've been working with Dieno Digital, for the past year and a half now and couldn't be happier with all...

Tara, British Columbia Coalition Of Motorcyclists

Dieno Digital Marketing Services
5
2018-04-27T22:05:28+00:00

Tara, British Columbia Coalition Of Motorcyclists

We've been working with Dieno Digital, for the past year and a half now and couldn't be happier with all the updates  to our website. Leland is always very responsive and able to answer all of questions or fix any issues in no time at all. We look forward to continuing to expanding and broadening our website with Dieno Digital.

Amplifylife.ca

Been working with Leland on a project for a Not-For-Profit organization and it is a pleasure to be able to...

Rob - Amplylife.ca

Dieno Digital Marketing Services
5
2018-05-03T19:49:40+00:00

Rob - Amplylife.ca

Been working with Leland on a project for a Not-For-Profit organization and it is a pleasure to be able to bring a high level of creativity, energy, expertise and professionalism to the project for their digital marketing needs. We are so excited for the chance to work more with Leland and Dieno Digital.
5
4
Dieno Digital Marketing Services
[newsletter_form]
<div class="tnp tnp-subscription"> <form method="post" action="https://www.dienodigital.com/?na=s"> <input type="hidden" name="nlang" value=""><div class="tnp-field tnp-field-firstname"><label for="tnp-name">First name or full name</label> <input class="tnp-name" type="text" name="nn" value=""></div> <div class="tnp-field tnp-field-email"><label for="tnp-email">Email</label> <input class="tnp-email" type="email" name="ne" value="" required></div> <div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Subscribe" > </div> </form> </div>