Dreamweaver syntax color identify

Report · Mar 06, 2021

I'm just new to Dreamweaver. It would help to have a list of what each syntax color identifies. For example, it looks all the html tags are blue. What does the green, orange, white, purple and gray identify? thank you.

Report · Mar 06, 2021

Coloring coding in the syntax depends on your theme that you are using for code. This can be customized in so many ways it is hard to say which you are looking at. If you want to share a screenshot of some of your code, we can try to help decipher some of your theme.

Report · Mar 06, 2021

Here is a sceen shot. The code theme in Preferences is Dark. I'm using Dreamweaver 19.2.1. I wouldn't even know how to customize anything. I'm not only new to Dreamweaver but also just learning basic HTML. Thank you!

Report · Mar 06, 2021

Syntax highlighting isn't a language per se. It's merely a way to beautify code to make it a bit more visually-friendly. It's less fatiguing to look at for hours at a time than monotonous dark text on light background or vice versa.

I have a Brackets theme from GitHub called Ruby Blue:

HTML tags are green.
Attributes are blue.
Values are orange.
Content is white.

Depending on the theme you use, JavaScript, CSS and PHP code may be highlighted differently.

Hope that helps.

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Mar 06, 2021

Yes thank you, that helps a lot. I think that what I'm seeing is the default syntax colors. The only difference that I see from your example is my HTML tags are blue and Attributes are green. As a beginner, it helps to at least be able to see at a glance what is the HTML tag and what is the content. thank you.

Report · Mar 06, 2021

If you use the online code tutorials at W3Schools, you'll see something completely different -- red tags and blue chevrons. Not great but better than nothing.

https://www.w3schools.com/html/

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Mar 06, 2021

My understanding is that in my screenshot, Blue is the HTML element, Green is the Attribute Name, Orange is the Attribute Value, White is the Content, and Gray is the Comment.
Is the purple identifying internal CSS?

thank you

Report · Mar 06, 2021

sorry, I see that I didn't include any of the purple code in my screen shot. Here is a new screenshot.

Report · Mar 06, 2021

Your screenshot shows CSS properties in purple. The CSS in this case appears to be embedded into the HTML document's <head> tag.

Most websites keep sitewide CSS in an external stylesheet because it's much simpler to maintain styles in one file instead of many.

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Mar 06, 2021

The kind of email marketing that I'm learning on my job requires Internal CSS. Thank you so much for your time and help.