Etiqueta: HTML

  • O que é HTML? O que são Tags HTML? – Guia para iniciantes

    O que é HTML? O que são Tags HTML? – Guia para iniciantes

    HTML (HyperText Markup Language em português Linguagem de Marcação de Hipertexto) é uma linguagem de marcação utilizada para criação de sites. Saiba mais a seguir sobre o que é HTML, para que serve e principais características.

    Em primeiro lugar a Linguagem de Marcação de Hipertexto é utilizada na criação da estruturas de sites da Web. Em outras palavras ela é responsável pela organização e formatação geral da página e é o padrão oficial da web definido pelo W3C (Consórcio World Wide Web).

    O HTML foi crido pelo cientista da computação britânico Tim Berners-Lee no início da década de 1990. Além disso ele também é o responsável pela criação do protocolo HTTP e da World Wide Web que até hoje serve de base para a internet. Berners-Lee se inspirou na Linguagem de Marcação SGML (Standard Generalized Markup Language) que é um padrão internacional utilizado para compartilhar dados e documentos.

    Em 1993 o HTML é publicado como uma aplicação do SGML. A versão HTML 2.0 foi lançada em 1995. Ano 2000 surge XHTML que é uma versão reformulada com integração do XML (Linguagem também baseada em SGML).

    Ao mesmo tempo visando a padronização na internet Tim Berners-Lee fundou o World Wide Web Consortium (W3C) já em 1994. Como resultado principal objetivo é que a tecnologia seja compatível com qualquer hardware e possa ser utilizada por qualquer pessoa. E que o padrão seja compatível com tecnologias que ainda surgirão.

    O que é HTML 5

    Em 2008 a W3C (World Wide Web Consortium) disponibilizou a versão HTML5 e a XHTML5. Enfim deixou de ser uma aplicação SGML.

    O que são Tags HTML?

    As tags servem para marcar os elementos da página. Devem ser abertas e fechadas conforme a necessidade de indicar os elementos. E seguem formato <tag></tag>. Por exemplo:

    <p>Este é um parágrafo</p>

    A declaração <!DOCTYPE html> indica para o navegador o início do arquivo e qual versão da linguagem de marcação. Contudo <!DOCTYPE html> não é considerado uma tag.

    Todo arquivo devem estar delimitado entre a tag <html></html>. O cabeçalho fica entre <head></head>. E entre várias outras.

    Nesse sentido s comentários seguem a seguinte sintaxe:

    <!– Este é um comentário –>

    Entre as tags mais importantes estão:

    • <html></html> define o início e fim do código / arquivo
    • <head></head> cabeçalho
    • <body></body> corpo da página
    • <p></p> parágrafo
    • <div></div> divisão, marca seções de outros conteúdos
    • <h1></h1> título principal
    • <h2></h2> subtítulo
    • <img></img> imagem
    • <a></a> link com atributo href
    • <ol></ol> lista ordenada
    • <ul></ul> lista desordenada
    • <strong></strong> negrito

    Conclusão

    Em suma vale ressaltar que Hipertext Markup Language não pode ser usado para criação de soluções dinâmicas.

    Como resultado a W3C possui comitês que definem as melhores práticas e padrões para o HTML.

    Com o HTML é possível criar parágrafos, seções, etc, bastando informar entres as tags, ou elementos, dentro de um arquivo com as extensões .html ou .htm. Assim por padrão o HTML é suportado por todos os navegadores da atualidade.

  • O que é CSS? – Saiba mais sobre Cascading Style Sheets

    O que é CSS? – Saiba mais sobre Cascading Style Sheets

    Para o desenvolvimento web existem ferramentas que são essenciais atualmente. Uma dessas é o CSS. Saiba mais sobre o que é CSS e como utilizar em sites para melhorar a aparência e estilo.

    Primeiramente o CSS (Cascading Style Sheets) – folhas de estilo em cascata- serve para indicar como mostrar elementos HTML.

    Os estilos são guardados em “folhas”. Esses estilos foram inicialmente adicionados ao HTML 4.0. Assim as definições de estilo múltiplas serão usados em cascata para todos os arquivos indicados.

    Todavia o HTML não tem e nunca teve o objetivo de conter tags para a formatação . Tags HTML servem apenas para definir o conteúdo de um documento.

    A princípio tags como <font> e atributos como “color” foram adicionadas à especificação HTML 3.2. As cores e fontes tiveram de ser definidas a cada página do site. O que acabava sendo um processo longo e pouco eficiente.

    A  Consortium – orgão responsável pela padronização do HTML – criou as CSS em adição ao HTML 4.0. Então toda a formatação poderia ser removida do documento HTML e armazenada em um apenas um arquivo CSS.

    Portanto as Folhas de estilos definem como os elementos HTML devem ser exibidos. Eles são salvos em arquivos “.css”. Folhas de estilo salvas nos permitem alterar o layout de todas as páginas em um site de uma vez , editando apenas um documento.

    Ou seja vários estilos “cairão” (daí o nome) em cascata sobre um único objeto

    Como usar CSS

    As formas como estilos podem ser indicados:

    • Dentro de um elemento HTML (nada recomendado)
    • Dentro da seção head de uma página HTML (pouco recomendado)
    • Em um arquivo CSS externo (totalmente recomendado) Cada página deve indicar a folha de estilo usada como base por meio da tag “link”, como já vimos anteriormente. A tag link deve estar dentro da seção “head” do arquivo HTML.

    Conclusão

    Não só um arquivo CSS pode ser usado para várias páginas HTML, mas também Múltiplas folhas de estilo podem ser usadas em um único documento HTML.