HTML and CSS

HTML and CSS are well supported in PyCharm. This section is by no means exhaustive, but does provide a detailed account of the tools that will help you stay productive. PyCharm provides tag completion for HTML, but it has so much more than this that tag completion is the least exciting feature in its feature set.

Emmet

Emmet is essentially shorthand HTML and CSS. You type the abbreviations of what you want, hit Tab, and PyCharm will automatically convert that shorthand into the desired tags and subelements.

For example, if we were to type in div.container, we would be creating a div tag of the container class. In other words, the following:

div.container

turns into:

<div class="container"></div>

with your caret automatically placed inside ...

Get Mastering PyCharm now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.