Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Best software app for displaying color-coded HTML

Posted on 2015-01-16
3
116 Views
Last Modified: 2015-02-03
Hello,

I'm a complete novice at HTML (or any programming language) but I see it frequently and I am interested in learning as much about it as possible.

Up to this point, I have generally pasted HTML into a simple notepad to examine it. However, I commonly see HTML which is color-coded and auto-indented to more easily identify specific sections and beginning/closing tags.

Please provide some suggestions for apps which have this type of auto-formatting capability.

Freeware is always preferred when available and having side-by-side code & WYSIWYG would be the very best.

Thanks
0
Comment
Question by:WeThotUWasAToad
3 Comments
 
LVL 14

Accepted Solution

by:
ThomasMcA2 earned 250 total points
ID: 40554683
That "color-coding" is often called "syntax highlighting." Notepad++ does a great job of syntax highlighting dozens of programming languages. It also has several built-in tools to aid developers, and has add-ons that add even more features.
0
 
LVL 1

Assisted Solution

by:maqskywalker
maqskywalker earned 250 total points
ID: 40554774
I normally use Visual Studio Ultimate Edition which is a commercial editor.

But Microsoft also offers a free version called Visual Studio 2013 Express. Also there is a free add on that you can install onto visual studio express called Web Essentials that gives you great tools to work with HTML and CSS.

I write a lot of HTML and CSS in Visual Studio and copy the code by highlighting it with my mouse and then I paste into Microsoft Word and in word it retains the color coding after I paste it in my document.

So follow these two steps and this will give you a great free editor to work on asp.net or HTML web pages.

Step 1: Download and Install Visual Studio 2013 Express from here
http://www.visualstudio.com/en-us/products/visual-studio-express-vs.aspx


Step 2: Download and install Web Essentials 2013 for visual studio from here.

http://vswebessentials.com/download
0
 

Author Closing Comment

by:WeThotUWasAToad
ID: 40587618
Thanks
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Get Pixel color of the x and y axis Html without canvas 8 50
Mouse event to control image and transparency. 4 33
html Uncheck Checkbox 2 25
Filktering Alphabetically 8 28
When we want to run, execute or repeat a statement multiple times, a loop is necessary. This article covers the two types of loops in Python: the while loop and the for loop.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

792 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question