A internet é baseada em html, uma linguagem de marcação de hipertexto. Por "hipertexto" entende-se o texto que inclui links. Foi a simples capacidade de ir de uma página a outra, de um site a outro, que transformou a tecnologia da computação. A simplicidade do html é alcançada por uma ferramenta de desenvolvedor conveniente - tags.
Tags em html
Tags em html são um meio de formatação semântica (semântica), apresentação e comunicação de informações. Qualquer tag deve estar localizada entre os caracteres:. Todas as tags html são compreendidas pela maioria dos navegadores existentes. A organização internacional W3C é responsável pela padronização e criação de novas tags - lá você também pode aprender sobre todas as tags html existentes. As tags podem funcionar apenas dentro da tag "principal" de um documento html - HTML. As tags HEAD e BODY separam a página da web em duas partes lógicas. No HEAD, você pode influenciar o título da página (exibido na guia do navegador), enquanto o BODY é "responsável" por todo o conteúdo semântico da página.
Tags simples e emparelhadas
Todas as tags html podem ser divididas em tags emparelhadas e únicas. Tags únicas são usadas apenas quando tags emparelhadas são inúteis. Por exemplo, BR é uma única tag, que é uma string vazia. Se você escrever esta tag em código html, poderá ver a string separadora no navegador. Geralmente é usado para separar um grupo de informações de outro.
Tags emparelhadas são usadas para organizar o conteúdo. Informações de texto, endereços de arquivos, links são colocados entre as marcas P (parágrafo do texto), IMG (imagem), A (hiperlink).
Atributos de tag
Algumas tags possuem atributos especiais que afetam o "comportamento" de um elemento. Algumas das tags na especificação html5 moderna tornam possível dispensar a programação anteriormente exigida para tarefas comuns.
Por exemplo, a tag FORM (campo de entrada) tem um atributo PLACEHOLDER que substitui o campo de texto por "informações de teste" com prompts. Se um desenvolvedor da web deseja que o campo para inserir o nome não fique vazio, mas exiba um nome de exemplo, ele pode definir o atributo PLACEHOLDER como "Ivanov Ivan". Em seguida, “Ivanov Ivan” será exibido no campo de texto para inserir o nome - até que o usuário mova o cursor para este campo. A inscrição desaparecerá e ele poderá inserir seu nome.
Vinculando com CSS
Uma tecnologia relativamente nova (comparada ao html) para apresentar sites na Internet é o CSS. A sigla CSS oculta folhas de estilo em cascata. Antes de seu aparecimento, os webmasters costumavam dividir o site em uma estrutura de tabela logicamente clara (tag TABLE). Agora os criadores do site têm a oportunidade de colocar tudo relacionado à apresentação do site (incluindo a localização dos blocos) em um arquivo css de estilo especial. Para conectar uma folha de estilo a um documento html, você precisa especificar o endereço do arquivo css no servidor na marca do par LINK.