Publicação da PIXEL

Acesse conteúdo.

Sobre HTML

PIXEL UFSC HTML

Já pensou em fazer um Website? Mas como se faz um?

Um website nada mais coleção páginas web, mas e o que é uma página web? Aparecem mais perguntas que respostas, porém tudo se resumo a uma única sigla HTML, em inglês HyperText Markup Language e para nós Linguagem de Marcação de Hipertexto. Essa linguagem surgiu lá em 1991 e é um dos padrões que definem a World Wide Web, para os mais chegados www.

De 1991 até 2017, 26 anos se passaram e o HTML fora recebendo atualizações e novas versões. Só em 2008 fora apresentado pelo W3C o HTML5, com a publicação de sua versão estável somente em 2014, com ela vieram grandes avanços em relação a semântica, mutabilidade, consistência e acessibilidade do código.

O código do HTML habitualmente é composto por uma estrutura básica de tags que consistem na definição do tipo de documento, o código em HTML, a cabeça e corpo, como no exemplo abaixo.

<!DOCTYPE html>

 

<html>

 

<head>
<title>      </title>
</head>

 

<body>
</body>

 

</html>

 

A cabeça <head> </head>, é o espaço onde adicionamos tag <title> </title>, a qual é utilizada para o título da página. Já o corpo <body> </body>, é onde se escreve todas as informações que vão ser expostas na página. Nela podem ser usadas outras tags. Abaixo estão as mais comuns:

    • Tamanho de títulos, que vão do <h1> </h1> até o <h6> </h6>
      1. Começando no 1

      2. Passando no 2

      3. No 3

      4. Falta muito ainda?

      5. Já é 5º, só mais 1
      6. Ufa acabou
    • Parágrafo, a qual usamos para escrever um texto,
      <p>

       

      </p>
    • Imagem, que podemos exportar do banco de dados como da internet, <img src=”http://www.ejpixel.com.br/wp-content/uploads/2016/03/Pixel-simb-07-2.png”/>
    • Hiperlink, que podemos adicionar a um texto ou imagem um link para outra página <a href=”http://www.ejpixel.com.br/” target=”_blank”> </a>, utilizo o target=”_blank” para abrir em uma nova aba
      Redirecionando para a Pagina inicial

 

  • Lista não ordenada, como usei para dispor os itens,
    <ul>
    <li> </li>
    </ul>
  • E Lista ordenada numericamente, como estão os Títulos,
    <ol>
    <li> </li>
    </ol>

Estas são algumas das funções básicas que todo site possui, então quando ver aquele site bonito e bem organizado, o código dele não é muito diferente do que temos aqui e sim o CSS que tem a função de estilizar o texto. Então fique ligado no nosso Facebook e Blog para mais informações.

Deixe uma resposta