Como criar um site HTML simples?

01.06.2020
Artigos e mais… 'Como criar um site HTML simples?
0 9 мин.


HTML ou Linguagem de marcação de hipertexto é, como o próprio nome diz, uma linguagem de marcação. Não é considerada uma linguagem de programação no sentido tradicional. É um idioma no qual o criador pode criar documentos e marcar partes diferentes usando tags HTML. HTML foi inspirado por SGML, e sua primeira versão apareceu no ano de 1990 no CERN.

O HTML foi originalmente projetado para documentos estáticos simples, quando a World Wide Web era considerada um sistema de recuperação de documentos. Atualmente, quase todas as páginas da Web usam HTML e se tornaram o idioma da Web. A última iteração é o HTML5, que é suportado por todos os principais navegadores e vem como uma melhoria no HTML 4, que foi “padronizado” em 1997.

Este artigo irá identificar o básico de criar um site HTML simples, algo que qualquer um pode aprender, independentemente da profissão escolhida.

Por que você deve aprender HTML?

Alguém poderia argumentar que, com a tecnologia de hoje, qualquer pessoa pode criar um site de aparência rápida e agradável sem a necessidade de codificar uma única linha de HTML e, embora isso certamente seja verdade, sempre pode ser útil saber como ajustá-lo um pouco.

Muitas vezes, as pessoas adicionam plugins / módulos / extensões a um CMS como WordPress, Drupal, Joomla etc. para expandi-lo com um recurso simples que poderia ter sido alcançado com algumas linhas de HTML. Embora o plug-in seja mais simples, ele pode aumentar o tempo de carregamento da página, e é outra coisa com que se preocupar em termos de segurança e atualizações.

É muito fácil aprender HTML, e pode ser muito divertido, porque você vê os resultados instantaneamente, ao contrário de uma linguagem de programação em que é necessário compilar o código que você escreveu. Você já possui todas as ferramentas necessárias para começar a aprender HTML, possui um navegador da Web e certamente possui um editor de texto simples como o bloco de notas. Aplicativos como o Microsoft Word não funcionam, você precisará de um editor de texto sem formatação básico: bloco de notas, bloco de notas ++. Existem os chamados IDEs (Integrated Development Environment), que ajudarão você a escrever HTML com recursos como destaque de sintaxe ou preenchimento automático.

Olá Mundo!

Você pode pegar um editor de texto gratuito como o Notepad ++ ou o Sublime Text Editor e iniciá-lo. Salve o arquivo vazio na área de trabalho como “hello.html”. Isso mudará o editor no modo HTML, para que você possa aproveitar os benefícios de um IDE. Agora vá em frente e digite o seguinte texto:

Olá Mundo!

Olá Mundo!

Salve o arquivo e abra-o usando o seu navegador da web. Não foi tão difícil, certo? Você pode prosseguir e modificar o arquivo, salvá-lo e atualizar a página no seu navegador, e verá todas as alterações efetuadas. Você não precisa ter medo, não há como afetar seu sistema operacional. Você não pode excluir arquivos ou coisas dessa natureza. E não tenha medo de falhas, como diz o ditado: “O mestre falhou mais vezes do que o iniciante tentou”.

Noções básicas de HTML e 101

noções básicas de html 101

HTML consiste em tags e texto. Uma tag HTML tem um significado especial para o navegador, basicamente este é o método de marcar o documento. Algumas tags podem conter outras tags, como por exemplo a tag de lista não ordenada

    pode conter itens da lista

  • iniciar. Uma tag de parágrafo

    pode conter uma nova tag de linha
    , uma marca de âncora , negrito , itálico , tags etc..

    No nosso exemplo, a tag HTML principal contém uma tag head e uma tag body. Na tag head, podemos especificar o título do documento, que será exibido no título da guia do navegador. No corpo, temos uma tag H1 ou uma tag do Título 1.

    As tags HTML podem ter atributos que podem alterar o comportamento da tag. Por exemplo, podemos adicionar um atributo “style” ao nosso H1 para especificar seu estilo. Se adicionarmos style = ”color: red”, torna-se

    Olá Mundo!

    podemos mudar sua cor do preto padrão para o vermelho. Obviamente, em uma página da Web maior, estilizando nossos elementos, um por um, pode se tornar problemático e desorganizar nosso HTML. Um método melhor seria atribuir ao elemento um atributo de classe ou um ID e, em seguida, especificar seu estilo por essa classe ou ID.

    Há muitos Tutoriais em HTML e recursos na internet, você pode assistir a tutoriais no YouTube ou The Great Curses Plus ou ler um dos milhares de artigos na internet sobre HTML.

    Uma coisa a ter em mente é que, não importa o quanto você leia ou assista, será necessário sujar as mãos e começar a escrever HTML. É a única maneira de você aprender, porque no minuto em que começar a escrever, você terá mais perguntas e essas perguntas levarão a ainda mais perguntas, até que você se torne confiante e fluente em HTML.

    Estilo e script

    Uma página da Web HTML pura é estática. Isso significa que ele não pode conter partes dinamicamente alteráveis, por exemplo, “Nossas últimas notícias”. Se você criar um site que apresenta uma seção de notícias, que está sendo atualizada constantemente, basta criar os artigos e atualizar as referências a ele para se tornar uma tarefa bastante grande.

    Por outro lado, se você criar um cartão de visita ou um tipo de site sobre mim em HTML, que não muda com tanta frequência, talvez uma ou duas vezes por mês, um site HTML estático é perfeito. Como ele não possui partes “móveis”, como banco de dados, processamento no servidor (PHP, Python, Ruby etc.), há menos coisas para dar errado e também é extremamente rápido.

    Você pode dinamizar uma página estática adicionando JavaScript (Script ECMA para ser mais preciso), que é uma linguagem de programação de script. Com o JavaScript, você pode responder à entrada do usuário ocultando ou mostrando algumas partes do HTML. Também é possível alterar a aparência da página da web. Com AJAX, você pode solicitar recursos extras de seu site, como subpáginas, formulário de contato ou seus últimos Tweets, e incorporá-los ao seu site.

    Os estilos HTML padrão são muito chatos, é um texto em preto sobre fundo branco. Você pode alterar o estilo de qualquer elemento HTML com CSS (Cascading Style Sheets). Em HTML, você não tem controle sobre como o documento será renderizado, é um recurso do HTML, não uma falha. Com o CSS, você pode tentar ser um pouco mais preciso, mas ainda não terá 100% de controle. Alguns navegadores farão as coisas de maneira um pouco diferente de outros. A versão atual do CSS, suportada por todos os principais navegadores, é CSS3, e possui muitos recursos úteis que o padrão anterior não possuía..

    Para entender o CSS, você deve começar com o modelo de caixa, ele economizará muita confusão no começo e é importante que você entenda a diferença entre borda, preenchimento, margens etc. O CSS é muito fácil de aprender e Assim como no HTML, você verá instantaneamente as alterações feitas. Como já mencionado, você pode adicionar um ID ou elemento de classe a qualquer tag HTML e escrever regras CSS para esses IDs e classes. Para voltar ao nosso exemplo, na seção head, se escrevermos o texto a seguir,

    corpo {

    Cor de fundo: azul;

    }

    ele mudará a cor padrão do documento branco para azul.

    Um aspecto a ter em mente com o CSS é que existem muitas tags específicas do navegador. Portanto, teste seu site usando navegadores diferentes ou pelo menos Google Chrome, Mozilla Firefox, Internet Explorer 11 e Edge. Não custa nada ver também alguns navegadores móveis, especialmente o Safari IOS.

    Conclusão

    Aprender HTML e CSS é mais fácil do que a maioria das linguagens de programação e pode ser uma experiência muito gratificante. Com o HTML, você poderá criar páginas da web exatamente como deseja, sem compromissos, como nos casos do CMS. A criação de sites HTML permitirá que você os hospede em qualquer lugar e eles serão extremamente rápidos e fáceis de carregar.

    Mesmo com o surgimento de todos os tipos de criadores de sites de arrastar e soltar DIY, o HTML não pode ser considerado desatualizado. Ele sustenta todos os sites, e mesmo com as poderosas ferramentas de CMS e de criação de sites, que permitem criar um site com aparência profissional, sem qualquer conhecimento de codificação, você pode fazer alguns ajustes aqui e ali no site para obter as coisas do jeito que você deseja. quer que eles sejam. Aprender um pouco de HTML permitirá que você faça isso.

    Conhecer o básico do HTML pode ser uma habilidade útil a adquirir para qualquer pessoa, não apenas para os que planejam uma carreira em TI. Aqueles que trabalham com conteúdo da web, marketing on-line, tradução e qualquer pessoa que precise de presença on-line se beneficiarão de um curso intensivo em HTML.

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
    Оцените статью
    Понравилась статья?
    Комментарии (0)
    Комментариев нет, будьте первым кто его оставит

    Комментарии закрыты.

    Adblock
    detector