Como criar um site simples usando o bloco de notas: 15 etapas (com fotos) - Dicas

Vídeo: HTML Básico: Como criar sites com Bloco de Notas #1

Contente

Passos
Adendo

Usamos páginas da web todos os dias, mas é difícil criar uma? Este artigo irá ensiná-lo a criar um site HTML simples usando o Bloco de notas.

Passos

Método 1 de 1: Crie seu próprio site

Abra o Bloco de Notas. O bloco de notas vem pré-instalado em todos os computadores Windows e você pode encontrá-lo no menu Iniciar. Após abrir o Bloco de notas, clique em "Arquivo", selecione "Salvar como" no menu suspenso. Em seguida, selecione "Todos os arquivos" no menu de tipo de arquivo e salve o arquivo como HTML. Normalmente, o arquivo "index.html" é a página principal, contendo todos os links para acessar tudo no site.
HTML (HyperText Markup Language) usa tags. Basicamente, as tags são palavras dentro dos acentos .
Você usará muitas tags para criar sua página da web. Próximo a ele está uma "tag de fechamento", que é usada para terminar uma linha de código. Por exemplo: Essas marcas terminam com uma fonte em negrito ou um parágrafo de texto.
O cabeçalho da página da web geralmente é a tag: . Você pode colocá-lo na parte superior do arquivo do Bloco de notas.
O próximo é o cartão .
O próximo é , esta guia informa ao navegador o que colocar na parte superior da janela e <i>meta tag </i> (opcional) informa ao mecanismo de pesquisa (como o Google) do que se trata o site.
Na próxima linha, após o cartão cabeçaVamos colocar um título, por exemplo: wikiHow HTML
Agora digite para terminar a primeira parte.
Em seguida no site está a tag . Observe que os navegadores não oferecem suporte a todas as cores (a maioria dos navegadores não oferece suporte a cinza escuro, por exemplo).
Entre as duas tags do corpo está o conteúdo da página da web que o usuário vê. Vamos começar com o título. Esta é a grande parte do texto, especificada no HTML da tag
venha
, com cartão
é o maior tamanho. Portanto, no topo da página da web, após a tag do corpo, você pode escrever
Bem vindo a minha pagina!
Você deve sempre colocar uma tag de fechamento, caso contrário, todo o texto na página da web será exagerado!
Outra tag que pode ser incluída no conteúdo da página da web é
ou tags de parágrafo. Após o título, você pode inserir
. Estou aprendendo a fazer um site! Regras do WikiHow! Se você deseja criar uma nova linha na página, use a tag de envolvimento
.
Um site com apenas texto simples é chato. Então, vamos colocar alguns formatos. Cartão para texto em negrito, para colocar em itálico, e sublinhar. Não se esqueça da tag de fechamento!
O que torna o site realmente interessante são as imagens. Mesmo se o texto estiver formatado, ninguém quer ver uma página como texto. Use um cartão para inserir imagens. Mas, como a tag body, essa tag precisa de informações adicionais. Uma tag img seria assim: Os dados src (fonte: fonte) são o nome da imagem. Atrás da largura e da altura estão a largura e a altura em pixels da imagem.
Quase pronto! Se você quiser que seus visitantes visualizem várias páginas, use a tag: Outras páginas O conteúdo da tag é o que o usuário clica para ir para a próxima página, e a seção href é o link para essa página. Com essa tag, você pode facilmente mostrar aos usuários o seu site.
Para terminar, você precisa terminar a tag do corpo com e toda a página da web por tag
Salve o arquivo com a extensão .html '. Em seguida, abra o arquivo.html em seu navegador favorito para ver como funciona. Parabéns! Você acabou de criar um site.
Se você deseja publicar seu site online, saiba como criar um site com um nome de domínio. propaganda

Adendo

Você pode encontrar muitos cartões online. Existem muitos sites úteis para ajudar as pessoas a aprender como criar um site (W3Schools é um deles).
Lembre-se de usar fechos.
Certifique-se sempre de solicitar o cartão na primeira linha, antes da tag Informe ao navegador que seu site segue o padrão HTML5.
Você pode alterar a fonte com tags antes e depois . N significa fontes, como "Verdana".
Se desejar usar caracteres especiais em uma página da web, digite & lt (<), & gt (>), & amp (&) e assim por diante, o final do código DEVE TER um ponto e vírgula ";".
Em tutoriais de HTML, os nomes das pastas e arquivos da web são sempre colocados em letras minúsculas, sem acentos. Embora o Windows permita o uso de espaço, muitos provedores de hospedagem na web não permitem, portanto, você economizará tempo e complicações com os nomes de arquivo e pasta corretos em primeiro lugar.