How to write a structured HTML/CSS?

Question

I do not know if I was specf, but actually I want to know if you have any tutorial or some automatic way to do this. See the picture:

This is the pattern code without width between the lines, or completely along the left side. I wanna look exactly like this:

The lines with banks, margins, ie, fully structured. And I wish to do the same thing with CSS file. How can I do this?

Pretty much any text editor / IDE that's not Notepad should be able to do this for you. Pick one and learn how to use it. (Look for a feature called "automatic indentation") — millimoose
– millimoose, Commented Oct 26, 2012 at 0:38
Get a good text editor. As a Microsoft developer, I'd vote for Visual Studio Express (microsoft.com/visualstudio/eng/products/…) but pretty much anything would do. — Tim M.
– Tim M., Commented Oct 26, 2012 at 0:39

grover5 · Accepted Answer · 2012-10-26 04:04:01Z

1

In addition to an HTML editor, if you just need something formatted quickly you can use this: http://www.freeformatter.com/html-formatter.html

answered Oct 26, 2012 at 4:04

grover5

1262 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Math is Hard · Accepted Answer · 2012-10-26 00:38:26Z

0

You are going to have to get a HTML editor. If you want a professional one you can get Dreamweaver but Eclipse, which is free, is almost as good.

answered Oct 26, 2012 at 0:38

Math is Hard

9712 gold badges13 silver badges24 bronze badges

Kai Qing · Accepted Answer · 2012-10-26 00:39:44Z

0

I think you're asking if there is a way to write code out so it follows standards. Just download a proper editor, like e, jedit, or editplus

They tend to indent for you if you just use the tab key.

Programs like dreamweaver might promise good things but deliver anomalies in their actual markup. I bet they've gotten better over the years though.

The best practice is to learn how to program html and css from tutorials. The more experience you have the more natural it will be.

answered Oct 26, 2012 at 0:39

Kai Qing

18.9k6 gold badges41 silver badges61 bronze badges