Aprendendo HTML

As tags HTML combinadas com estilos de linguagem CSS permitem que você crie sites de forma rápida e eficiente.

O lugar do HTML entre outras linguagens

Como você sabe, um bom siteconstruído em pelo menos 5 idiomas.

O site moderno é construído nos idiomas:

1. HTML (estrutura e ordenação).
2. CSS (conteúdo de estilo).
3. JavaScript (ações do navegador).
4. PHP (ação do servidor).
5. SQL (armazenamento de dados).

HTML é a principal linguagem fundamental na qual as outras são baseadas. Portanto, aprender HTML deve ser o primeiro passo para quem está aprendendo a construir sites na web.

Etiqueta

A linguagem HTML mudou ao longo dos anos desde a sua criação. No momento, a maioria dos sites da Internet está migrando para a versão mais recente da linguagem - HTML5. Mas mesmo em HTML5, os fundamentos da linguagem permanecem in alterados.

A estrutura de uma página HTML é como um sanduíche. Assim como um sanduíche tem duas fatias de pão, um documento HTML tem uma tag HTML de abertura e fechamento.

Essas etiquetas, como o pão em um sanduíche, cercam tudo dentro.

Etiqueta

À medida que você continua aprendendo HTML, você definitivamente deve se familiarizar com a tag. Diretamente dentro da tag pai está todo o conteúdo do site, incluindo a tag. Essa tag é obrigatória e contém todas as configurações da página do site para a qual foi escrita. Essas configurações não são visíveis para os visitantes do site, apenas navegadores (Google Chrome, Mozilla Firefox, etc.) as visualizam.

O bloco de configurações da página da web contém todos os elementos "não renderizados" que ajudam o navegador a exibir seu site corretamente na web.

Todas as opções quepode ser configurado dentro da tag, veremos isso, mas um pouco mais tarde - quando chegar a hora.

Etiqueta

A tag, como a tag, está dentro da tag.

Esta tag é necessária para exibir em seu site todas as informações que você deseja exibir.

Títulos, parágrafos, tabelas, imagens e links são apenas uma pequena parte dos elementos que podem estar contidos dentro da tag.

Estrutura básica de um documento HTML:

Seu primeiro site

Agora você sabe que pode criar sites usando HTML e que as tags básicas são usadas para isso:

• . Delineia os limites de uma página da web.
• . Contém configurações para exibir uma página da web em um navegador.
• . Contém todos os elementos da página da web (imagens, vídeos, texto etc.) que você deseja mostrar aos visitantes do site.

Outras tags como,,, sobre as quais falaremos em breve.

Seria ótimo se o leitor não apenas lesse este artigo, mas também corresse imediatamente para aprimorar suas habilidades. Para aprimorar suas habilidades em HTML, você precisará criar seu primeiro site, que servirá como campo de teste para suas novas habilidades.

Sabe-se que as operadoras móveis ("MTS", "MegaFon" e assim por diante) nos fornecem serviços móveis. Da mesma forma, os serviços de criação e gestão de sites são-nos prestados por operadores de alojamento. Para criar seu site, acesse o site de qualquer operadora de hospedagem gratuita.

Os provedores de hospedagem verificados incluem BEGET oureg, por exemplo. Você pode escolher qualquer um.

Após um breve cadastro, após 24 horas, seu primeiro site na Internet será criado automaticamente, que ficará visível para todo o mundo, e você poderá começar a praticar!

Estrutura de site moderna

Agora que você tem seu site, confira quais tags uma tag contém e como elas organizam as informações nos sites.

A imagem acima é uma representação esquemática da estrutura que veio com a última versão da linguagem HTML - HTML5. Junto com o HTML5 vieram não apenas as novas tags, mas também o significado de construir sites. Todas as tags que você vê na imagem estão contidas na tag principal. Essas tags ajudam você a "delinear" a estrutura do seu site e dar-lhe significado.

Por exemplo, dentro de tags … é conveniente colocar o título do site (tags) e a descrição do site (tags).

É conveniente colocar o menu (links) do site (tag) dentro das tags.

É conveniente colocar qualquer grande bloco de informações relacionadas ao significado dentro das tags. Podem ser vários artigos, cada um dos quais "embrulhado" em tags, ou fotos (tag), ou tabelas (tags

) e mais.

É conveniente colocar qualquer informação dentro das tags que não se enquadre no significado de.

Dentro das tags, é costume colocar informações adicionais, como informações de contato, seções adicionais do site e assim por diante.

Então agora você está um pouco mais adepto do que são feitos os sites modernos. Vamos dar um exemplo parao turbilhão na minha cabeça foi substituído pelo espanto do insight.

Então, quando você abrir o gerenciador de arquivos do site de sua operadora de hospedagem e encontrar um documento chamado index.php, sinta-se à vontade para escrever nele, como se fosse do zero, a estrutura do seu site.

Meu primeiro site

Título da página
Descrição da página
Link 1 | Ligação 2 | Link 3

Título de algum artigo

Este é um bloco que contém qualquer informação, e com a ajuda do CSS você pode colorir este bloco, e todo o site com todo o seu conteúdo, do jeito que você quiser. © Todos os direitos reservados

Lembra que dissemos que existem configurações diferentes para o site? Bem, aqui está:

1. Usando mostramos aos navegadores que o site pode conter caracteres russos e ingleses (caso contrário, quando você abrir o site, verá o terrível krakozyabry).
2. é usado para indicar o nome da página, que será exibida na aba do navegador e no mecanismo de busca ("Yandex", Google e similares).

Claro, sem estilo CSS, seu site vai parecer mesquinho (letras pretas em um fundo branco), mas certifique-se de tentar escrever sua primeira página em HTML primeiro.

Parabéns! Você acabou de criar sua primeira página da web em seu próprio site! Vai ser mais interessante!