Introductory To Coding Editors and NotePad++ - How To Create a Website With HTML and CSS #3

in #programming7 years ago (edited)

Hello!

Welcome to tutorial number #3 of this How To Create a Website With HTML and CSS Tutorial. If you missed the previous lessons you can grab them below:

You can watch the video version of this lesson below:

P.S - Sorry about the images being blurry the video quality for some reason wasn't that great when I rendered it awhile back!

Introductory To Coding Editors


You've probably noticed already that coding in Notepad can be a little bit sore on the eyes. Luckily for us, there are coding editing programs that can allow us to program our websites a lot easier.

The example that I'm going to be using is called Notepad++.

This coding editor is free, and you can download it from their website, as I'm about to show you here.

Once you have Notepad++ installed on your computer, we can begin to edit our webpages by right clicking them and selecting "edit" with Notepad++.

Doesn't that look a little bit easier to read?

Let's try to add a few more headline elements just to add a little bit more code to our webpage.

Let's add a H2 element and an H3 element as well. As you might have already guessed, an H2 is smaller than an H1, and an H3 is smaller than an H2.

As you're writing out your elements, be sure to add an opening tag and a closing tag as well.

Let's go ahead and save our webpage and see how this looks visually in our web browser. As we can see, our H1 is the largest, and our H3 has the smallest text on the page.

There are paid options for coding editors that you can look at later, but for now, coding with Notepad++ will work just fine for us.

That's the end of today's lesson, if you would like to skip ahead you can do so by grabbing the free course by clicking here.

Sort:  

I love using atom

Interesting. What's your opinion on Sublime Text 3? Would that have any advantage over the NP++?

Yeah, I would say so except that sublime is a paid program I think. They both work fine, in fact anything works really it's up to personal preference when it comes to what you want to use :P

Haha okay, good to know. Thank you!

Congratulations @robinhaney! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of upvotes received

Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

By upvoting this notification, you can help all Steemit users. Learn how here!

Nice :) I really like Atom or Visual Studio Code. Even though Sublime Text is a paid software, you can use the free trial forever, it's not limited in any way. Also, Brackets it's a very good option for HTML edition, since it has a live preview feature that's awesome, the view in the browser is refreshed as you save your work. Anyway, I believe that Notepad++ is the best entry option. Greets @robinhaney!

Coin Marketplace

STEEM 0.18
TRX 0.15
JST 0.031
BTC 61179.86
ETH 2631.51
USDT 1.00
SBD 2.46