Which program should I use to write and execute my newly learned HTML and CSS?

Question

I just finished a course on codecademy about HTML and CSS but now I dont know where to start. I dont know which program to use, all the ones I've searched for have automatic drag and drop elements thats not really fun and pointless. I tried notepad of course but I cant link my css with the html, so all this course was pointless if I cant use it.

Sorry if it sounds nooby but I honestly just started getting in to this.

Answer 1

Actually it sounds like you have not learned a single thing.

Just use Notepad++ as your HTML and CSS editor.



"I tried notepad of course but I cant link my css with the html, so all this course was pointless if I cant use it."



Well of course not, that's not what does the linking, it's browser that does the linking, provided you coded correctly in the first place.

Answer 2

Hi,



I think you shouldn't care that much about text editors. For now, it might be better improving your knowledge on HTML and CSS and how they work together.



I recommend that you read a book called "Head First HTML and CSS (2nd Edition)" and work through this book with Notepad (the one that came with Windows) or TexEdit (if you have a Mac).



From there on, you can change your text editor for a cool, fancy IDE, which will provide a lot of tools that facilitates your code work, allowing you typing with less effort.



Sorry for my english.



Good luck.

Answer 3

Like other users have suggested, Notepad++ is a great free text editor that I would recommend you try using, especially when it comes to writing HTML, CSS, JavaScript, PHP, and other web development related languages.



NotePad++ supports syntax highlighting for a variety of languages, including the ones above, as well as a variety of others, even including languages that are compiled, such as C, C++, Java, and a whole bunch of others.



If you are interested in trying Notepad++, you can download it for free from the link below.



http://notepad-plus-plus.org/



Another great text editor that you may want to try is Sublime Text 2, which also supports a variety of programming languages, and is also loaded with a bunch of great features.



http://www.sublimetext.com/



While you are able to evaluate and use Sublime Text 2 for free (for an unlimited period of time, at the time of this posting), it does cost $70 to purchase a license for personal use, which helps to support the developer so that they can continue to develop and update the software.



Best of luck and I hope I helped you!

Answer 4

Well that's two strikes against this CodeAcademy place, as if I were to use such service.



Given these are very simple interpreted texts I seriously doubt any usefulness of whatever course it is you took, those are so simplistic any text editor (just don't confuse and actually use a word processor)



On my choosen platform this is gedit; with code colouring, but lacking that feature Notepad of Windows do just fine for small writings; IDEs such as Eclipse or Visual Studio is overkill.



Two types of programs to this purpose, text editor to write the code and Web browser and keep refreshing to see the fruits of that labour.

Answer 5

Try Netbeans for HTML5 and PHP.

https://netbeans.org/downloads/



For a pure editor, try Notepad++



To link your style sheet, put this in





The rel attribute is mandatory, the type one isn't.

This will work if a) the file is called "stylesheet.css" (exactly, including capitalization) and b) you save it next to the html file, so both are in the same folder.

If the styles still don't show up and you have refreshed the page in your browser, double-check the style rules. And use the inspector (best: FireBug for Firefox).



Also note that Notepad saves everything with a *.txt extension and Windows hides the extension of known filetypes. Which means if you save the stylesheet from Notepad as "stylesheet.css" without changing the file type setting to "all files" first, the file will be saved as "stylesheet.css.txt" and display as "stylesheet.css" in Explorer. And consequently the link won't work.

Answer 6

The program is Notepad++take a Folder create HTML and CSS file than write a code HTML in Notepad under the section



than you can link with CSS file.

Answer 7

Any text editor will work fine for what you are doing. Just make sure you aren't using a different type of editor. A word processor will cause you grief. An IDE, even if it calls itself an editor, will also cause you grief. Just a plain-vanilla text editor like notepad is all you need for what you're doing.

Answer 8

Microsoft Visual Studio 2013 Community Edition.



It's overkill for html and CSS only but once you get into other languages it is a really nice IDE

Answer 9

use sublime is the best even more that notepad++

and for css search in google for a preprocessor of css

Answer 10

Hi there,

My personal favorite html editor is Coffeecup free html editor...http://www.coffeecup.com/free-editor/

It is a free html editor with a code view and design (page) view also it is easy to view in any browser on your computer.

There are suggestions for proper coding and error checking.

Hope this helps,

Al

Answer 11

What do you mean you can't link it?

Everything you do with HTML and CSS should be something doable with notepad and your resources (aka images).

Answer 12

Using Notepad++ as text editor is the first and proper way to learn coding. Congrat's for that!

To test your code, your best bet is to set-up your computer as a server, using xampp.

Go to apachefriends.org, download and install xampp.

Load your pieces of code in the folder c:\xampp\htdocs\mysite, start apache, start your browser and put "http://localhost/mysite" in the address bar!



BTW: the link to css must be in the head of your "index.html" file:

like:





...





Installing xampp will offer you the advantage of being able to go much further in learning, since you will add javascript, php and mysql (and more!)

Answer 13

Bluefish, Geany, or Notepad++ (all free, all highlight syntax, and all can invoke a browser to show the result.

Answer 14

use Notepad++ or adobe Drimwaver

Answer 15

Dreamweaver

Answer 16

WeBuilder. It supports everything you wil lever need.

Answer 17

I use komposer to save time. it is free