Além de saber como projetar, Web designers devem saber como manipular eficazmente HTML e CSS ( Hypertext Markup Language e Cascading Style Sheets ) . Elementos SPAN são um tipo de elemento HTML que são usados para logicamente divisão de dados " in-line " , ou dados que não tenta automaticamente para ocupar a largura da página. SPANs são usados com muita freqüência. Em vez de fazer referência a um período em um estilo externo , CSS pode ser escrito diretamente no SPAN . Isto é conhecido como " in-line " ou CSS incorporada . Instruções 
 1 
 Abra um editor de texto como o Bloco de Notas. Faça isso , navegando até "Iniciar -> Todos os Programas -> Acessórios- > Bloco de Notas ". 
 2 
 Digite o seguinte código : 
 
  
 
 
   
 3 
 Dentro da tag SPAN , adicione o seguinte código : 
 
 style = " display: block ; width: 300px ; height: 300px ; background-color : red; "
 
 Isso vai mudar a SPAN em um quadrado vermelho. Adicionando estilos dentro de uma marca é conhecido como CSS em - linha . É geralmente considerado uma má prática , mas às vezes é útil . 
 4 
 Salve o arquivo com a extensão ". Html " . Abra-o em um navegador da Web para ver o resultado .