Oficina de Mídia Digital

Para criar uma home page, não basta apenas utilizar editores de HTML como  FrontPage e HotDog e muito outros. É extremamente nescessário que você saiba ao menos o básico sobre esse assunto. Selecionamos os melhores tutoriais e cursos gratuitos de HTML logo abaixo, dê uma olhada neles:

  • Curso de HTML (Matrix) - Excelente tutorial sobre HTML oferecido pela Matrix. Explica em 9 passos o básico sobre HTML. Não explica muito profundamente nenhum tópico, mas se você quer aprender o básico esse é o local.

  • Guia do Iniciante em HTML - Também muito bom. Explica detalhadamente as principais características da liguágem HTML assim como as aplicações das TAGs. É, na verdade, a tradução de um Tutorial famoso da NCSA (criadora do primeiro browser!) sobre HTML. Talvez por ser MUITO antigo o tutorial não explica nada sobre tecnologias mais recentes, como frames e etc, ainda assim vale uma visita.

  • Tutorial HTML (Marcelo's HP) - Bastante simples e objetivo. Explica o que é realmente básico sobre HTML.

  • Tutorial HTML - Não aborda muito profundamente os assuntos. Como vantagem está o completo tutorial sobre hospedagem de sites, que explica nos mínimos detalhes como se cadastrar no Geocities ou na Tripod.

  • Tutorial básico sobre HTML - Bem didático. Ensina o básico sobre HTML. Inclui inclusive alguns exercícios.

  • Tutorial HTML (ICMS-USP) - MUITO, MUITO BOM MESMO. Esse tutorial está em constante evolução e atualização. Inclui informações sobre as tecnologias mais recentes, como java.

  • Building a Killer Site - Excelente tutorial em inglês que vai muito além da simples explicação sobre HTML. Aqui você vai aprender dicas de design, como planejar seu site e muito mais.

  • Como criar META tags - Meta Tags são importantes para o seu site, é usando elas que muitas ferramentas de busca catalogam o seu website. Aprenda como estas funcionam

    Os códigos básicos HTML

    <HTML></HTML>

    Indica início e fim da página HTML. 

    <HEAD></HEAD>

    Marca cabeçalho da página. 

    <TITLE></TITLE>

    Título da página (mostrado no alto do browser e nos bookmarks.

    <BODY></BODY>

    Dá definições sobre o visual da página. Entre os parâmetros que podem ser configurados estão cor de fundo (BGCOLOR), imagem de fundo (BACKGROUND) cor do texto (TEXT), cor do link (LINK), cor do link já visitado (VLINK), cor do link quando clicado (ALINK).

    <H1></H1> a <H6></H6>

    Formatação para títulos e texto, em seis diferentes tamanhos.

    <B></B>Negrito para texto.

    <I></I>Itálico para texto.

    <FONT>

    Atributos da formatação do texto. Incluem tamanho (SIZE), cor (COLOR) e formato da letra (FACE).

    <IMG>

    Atributos para inclusão de imagens. Inclui localização do arquivo (SRC) altura (HEIGHT) e largura (WIDTH), determinadas em pixels, texto que será mostrado caso o usuário opte por não carregar as imagens (ALT) e possibilidade, opcional de incluir borda ao redor da imagem (BORDER).

    <A></A>

    Âncora. Utilizada para criar links para páginas ou outro trecho do texto na mesma página. Inclui os atributos HREF para links para outras páginas e sites e NAME, para trechos do mesmo arquivo.

    <P></P>

    Parágrafo. Deixa linha em branco entre duas linhas.

    <BR>
    Muda de linha sem deixar espaço entre elas.

    <TABLE></TABLE>

    Marca início e fim de uma tabela. Pode conter os atributos de largura (WIDTH), borda (BORDER), espaço em branco dentro de cada célula (CELLPADDING) e espaço entre as células (CELLSPACING).

    <TR></TR>

    Marca início e fim de uma linha da tabela.

    <TD></TD>

    Pode incluir os atributos de alinhamento horizontal (ALIGN), alinhamento vertical (VALIGN), largura (WIDTH), cor de fundo (BGCOLOR) e imagem de fundo (BACKGROUND).

    <HR>

    Linha horizontal. Inclui os atributos comprimento (WIDTH), em pixels ou porcentagem, e tamanho (SIZE) e linha sem sombreado (NOSHADE). O padrão é com sombra.

    <UL></UL> ou <OL></OL>

    Listas não ordenadas (<UL>) ou ordenadas (<OL>). A primeira cria um círculo diante de cada item. A segunda, numera automaticamente a lista. Cada item deve ser precedido da marcação <LI>.

Conteúdo gentilmente cedido pela Advanced Infohouse® Home Help