Quase todos os sites hoje são criados usando sistemas de gerenciamento de conteúdo - CMS. Mas ainda existem programadores que criam páginas da web manualmente, diretamente na linguagem de marcação HTML. Você quer se tornar um deles?
Instruções
Passo 1
Use um editor de texto somente para editar arquivos html. Salve os resultados na codificação Unicode - então você não terá problemas em colocar letras cirílicas e latinas com tremas, bem como símbolos matemáticos e físicos e letras gregas na mesma página ao mesmo tempo.
Passo 2
Nomeie todos os arquivos com a extensão ".html" (sem aspas). Nestes nomes, apenas letras latinas, números, sublinhados e hifens podem ser usados, mas em nenhum caso outros sinais de pontuação (exceto para o ponto que separa o nome e a extensão) e espaços.
etapa 3
Certifique-se de salvar a página inicial do site em um arquivo chamado "index.html" (sem aspas). Coloque esse arquivo na pasta raiz de hospedagem. É o seu conteúdo que o visitante do site verá inserindo sua URL na barra de endereços do navegador sem parâmetros adicionais. Coloque o resto da página e dos arquivos de imagem na mesma pasta.
Passo 4
Em cada arquivo, pré-organize os blocos inicial e final. Organize-os como mostrado na figura. Na última linha do bloco QC inicial - o valor hexadecimal do brilho do componente vermelho da cor de fundo de 00 a FF, ЗЗ - o mesmo para o componente verde, CC - o mesmo para o componente azul.
Etapa 5
Coloque o conteúdo da página entre os blocos inicial e final.
Etapa 6
Lembre-se dos sinais de trânsito com a designação de assentamentos. Se a placa tiver simplesmente um nome escrito, significa que está localizada na entrada do assentamento com esse nome. Se o nome estiver riscado, a placa está localizada na saída dele. Em uma etiqueta, o sinal de fração na frente do comando atua como uma linha em um sinal de estrada. A ação da marca de "abertura" é encerrada quando a marca de "fechamento" com o mesmo comando é encontrada posteriormente no texto.
Etapa 7
Para iniciar um parágrafo, use a tag mostrada na imagem à esquerda. Para ter um recuo de uma linha antes do parágrafo, use a tag mostrada na figura à direita.
Etapa 8
Para destacar o texto em itálico e negrito, use as tags e suas combinações mostradas na figura.
Etapa 9
Para alterar o tamanho e a cor da fonte, utilize o comando mostrado na figura acima, onde os valores CC, ZZ e SS são definidos da mesma forma que para a cor de fundo, HIGH é a altura da fonte em pontos. As tags de cor ou fonte podem ser omitidas se apenas o tamanho ou apenas a cor da fonte mudar. Para cancelar este comando, use a tag mostrada na figura abaixo.
Etapa 10
Para inserir na página uma imagem armazenada localmente na pasta raiz, use a construção mostrada na figura acima. Para inserir uma imagem armazenada em outro servidor, use um design ligeiramente diferente, mostrado na figura abaixo. Não insira imagens de sites de terceiros sem o consentimento dos autores. Alguns sites estão protegidos contra esse uso de imagens.
Etapa 11
Para inserir em uma página um link para outra, armazenado localmente na pasta raiz, use a estrutura mostrada na figura acima. Para vincular a uma página localizada em um site de terceiros, modifique esta estrutura conforme mostrado na figura abaixo.
Etapa 12
Pesquise na web por um tutorial sobre a linguagem de marcação HTML e você aprenderá a usar o resto das tags que existem dezenas nessa linguagem.
