Segue abaixo estruturas simples para criação de html
EXEMPLO INICIAL USANDO ATALHOS HTML E CSS
Aqui ao digitar na tela em branco a acentuação “!” e apertar o “Tab” já cria automaticamente a estrutura “html” com todos os campos básicos necessários
<p>Para criar "div class" digita "." e "nome da classe" e aperta "Tab" | .nomeDaClasse </p>
<div class="nomeDaClasse">
.nomeDaClasse
</div>
<p>O procedimento quase o mesmo digita "div id" digita e altera aqui para simbolo de id que é uma hashtag "#" e "nome da id" e aperta "Tab" | #nomeDaId</p>
<div id="nomeDaClasse">
#nomeDaClasse
</div>
<p>Para criar lista digita "ul>li" e aperta "Tab"</p>
<ul>
<li>ul>li</li>
</ul>