HTML é uma linguagem de marcação utilizada para o desenvolvimento de sites. Apesar de existir plataformas que facilita o desenvolvimento sem a necessidade de conhecimento de códigos, há quem se aventure em desenvolver sites escrevendo todo o código “na mão”, principalmente por quem está iniciando seus estudos na área de tecnologia.Neste post é possível conferir como criar uma página HMTL e inserir dentro da sua hospedagem utilizando o Gerenciador de arquivos (recurso disponível no cPanel).
Continue lendo
Com o editor aberto, aperte os botões Ctrl + S para salvar o arquivo. Esse passo é importante pois o editor possui comportamento diferentes de acordo com a linguagem utilizada.No campo Nome coloque index.html. É importante colocar a extensão .html quando for salvar, para o editor entender com qual linguagem irá trabalhar.Observação: O arquivo index é o primeiro arquivo que os navegadores buscam na hospedagem ao acessar o site.
Após salvar o arquivo, comece a escrever seu código. A principal vantagem do Sublime é que ele reconhece todas as palavras-chaves da linguagem, isso facilita e agiliza na edição do código.Dica: Comece a escrever o código com a tag < html (sem espaço e sem o sinal > no final), quando aparecer a sugestão do editor, aperte o botão Enter em seu teclado. De forma automática ele irá preencher o código com as tags iniciais, como mostrado na imagem. Após isso, digite seu código.
Subir o arquivo na hospedagem
Após editar e salvar o arquivo, é necessário acessar o painel de controle da hospedagem (cPanel) para fazer o upload do arquivo criado.Selecione o Gerenciador de arquivo no cPanel.
Dentro do Gerenciador de arquivos, cliquei duas vezes na pasta public_html. Nessa pasta fica todo o conteúdo do site.
Após acessar a pasta public_html, clique na opção Carregar no topo da página e selecione o arquivo a partir do seu computador e aguarde o upload do arquivo.O arquivo foi adicionado com sucesso!
Dica: O Gerenciador de arquivos conta com uma ferramenta para editar os arquivos (HMTL, PHP e TXT) dentro da própria hospedagem. Clique com o botão direito do mouse no arquivo e clique na opção Edit.Se ainda estiver com dúvidas, deixe nos comentários abaixo que teremos o prazer de responder.
Exemplo básico de código HTML5
<!doctype html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Uma Página HTML5 Básica</title>
</head>
<body>
<!-- conteúdo da página -->
</body>
</html>Exemplo básico para inserir vídeo no HTML5
<video width=”320″ height=”240″ controls>
<source src=”movie.mp4″ type=”video/mp4″>
<source src=”movie.ogg” type=”video/ogg”>
Seu navegador não suporta a tag vídeo.
</video>
Opa, tudo bem? Subi uma pagina via cpanel, porem ela assumiu o dominio do blog. Gostaria que ela se comportasse como uma pagina ou artigo. Como faço isso?
Olá Arilson, recomendo vc criar uma nova pasta dentro da pasta /public_html, assim ficaria seudominio.com.br/novapasta dentro dessa pasta coloque o arquivo da sua nova página como index.html ou index.php.
Olá, tudo bem? Sou nova nessa plataforma cpanel, o site da empresa está hospedado na nuvem do google e o cpanel. Estou tentando instalar o optimize do google direto na raiz, no entanto mesmo colocando o conteudo necessário ao salvar ela não “entra no ar” gostaria de saber como posso resolver isso? Será que via ftp seria melhor?Podem me dar uma luz? Obrigada e abraços!
Olá, tudo bem e você?
Insira o código javascript no arquivo que contém a marcação HTML. Exemplo explicativo neste link: https://developers.google.com/analytics/devguides/collection/gtagjs/
Qualquer dúvida conte com a gente!
Teria um exemplo de código que posso colocar no editor? Responda com um exemplo estou começando a aprender.
Olá, tudo bem?
Eu atualizei o conteúdo da página com um exemplo de código HTML, dá uma conferida lá por favor. Qualquer dúvida conte conosco!
Olá. Subi um vídeo para meu inserir no meu site html pelo cpane, ele encontra-se dentro pasta imagens. Podeira me falar qual código e html e a url de onde esse vídeo encontra-se para colocar no meu site.
Bom dia.
Para você inserir um vídeo na página do seu site, você precisa adicionar a tag video no seu código html. Veja um exemplo da tag no post acima. Obrigada, qualquer dúvida estamos à disposição!