Índice:
- Etapa 1: Baixe o software
- Etapa 2: colchetes abertos
- Etapa 3: Criar um novo arquivo
- Etapa 4: Salvar como.. o arquivo
- Etapa 5: comece com a tag DOCTYPE
- Etapa 6: Tag HTML
- Etapa 7: Tags de cabeça e corpo
- Etapa 8: metatag
- Etapa 9: Tag de título
- Etapa 10: Adicionar parágrafo usando a tag P
- Etapa 11: Veja seus resultados
- Etapa 12: Alterar a formatação
- Etapa 13: Tag de quebra de linha simples / dupla
- Etapa 14: Conclusão
2024 Autor: John Day | [email protected]. Última modificação: 2024-01-30 11:36
Introdução
As instruções a seguir fornecem orientação passo a passo para fazer uma página da web usando colchetes. Brackets é um editor de código-fonte com foco principal no desenvolvimento web. Criado pela Adobe Systems, é um software gratuito e de código aberto licenciado sob a MIT License e atualmente é mantido no GitHub pela Adobe e outros desenvolvedores de código aberto. Está escrito em JavaScript, HTML e CSS.
Instruções
Nota: - Todas as tags HTML devem estar entre colchetes:
Etapa 1: Baixe o software
baixe os suportes deste site
Etapa 2: colchetes abertos
abra o software Brackets baixado em um computador.
Etapa 3: Criar um novo arquivo
Após abrir os colchetes, clique no ícone do arquivo no canto superior esquerdo da janela, clique em novo, você verá o novo arquivo “Sem título”.
Etapa 4: Salvar como.. o arquivo
Clique com o botão direito neste arquivo 'sem título', clique em Salvar como, então você deve salvá-lo em uma unidade
neste ponto você pode dar qualquer nome ao arquivo, apenas certifique-se após o nome de adicionar “.html” (ponto html).
Etapa 5: comece com a tag DOCTYPE
Cada página html deve começar com a seguinte tag de estrutura. Ela diz ao navegador quais 'regras seguir' ao renderizar uma página HTML.
Etapa 6: Tag HTML
e - essas marcas são para iniciar e terminar um documento.
Etapa 7: Tags de cabeça e corpo
Entre as tags html, escreva e, onde contém coisas "nos bastidores". Além disso, escreva e onde ele contém texto, imagens, vídeo, áudio e assim por diante.
Etapa 8: metatag
Entre as tags, escreva onde ele fornece informações como termos de mecanismo de pesquisa ou codificação de caracteres.
Etapa 9: Tag de título
Entre as tags, sob, escreva e. Portanto, qualquer coisa que você escrever no meio, você verá na parte superior da janela do navegador e esta tag é importante para o mecanismo de pesquisa. Por exemplo, vou escrever “WRD 204”
Etapa 10: Adicionar parágrafo usando a tag P
Entre escrever qualquer informação que você deseja ver em uma página da web, como imagem, áudio, vídeo e parágrafo, por exemplo, no meu exemplo, vou escrever um parágrafo usando estas tags para parágrafo:
e.
Etapa 11: Veja seus resultados
Para ver seus resultados: primeiro clique com o botão direito do mouse no arquivo e clique em “salvar” e depois em um ícone de “visualização ao vivo” no canto superior direito.
Nota: - sempre que você fizer alterações e quiser ver o resultado, primeiro, você deve salvar o arquivo, você pode usar o atalho “Ctrl + S”
Etapa 12: Alterar a formatação
Se você deseja alterar o tamanho do formato do texto, use como o maior título ou é o menor. No meu exemplo vou usar.
Etapa 13: Tag de quebra de linha simples / dupla
Se você quiser fazer uma quebra de linha simples / dupla entre os parágrafos, use a tag
Etapa 14: Conclusão
Parabéns! agora você pode começar a construir sua própria página da web.
Se você estiver interessado em saber mais sobre as tags HTML, recomendo este site
Recomendado:
Como usar o multímetro em Tamil. Guia para iniciantes - Multímetro para iniciantes: 8 etapas
Como usar o multímetro em Tamil. Guia para iniciantes | Multímetro para iniciantes: Olá amigos, neste tutorial, expliquei como usar o multímetro em todos os tipos de circuitos eletrônicos em 7 etapas diferentes, tais como1) teste de continuidade para hardware de solução de problemas2) Medição de corrente DC 3) teste de diodo e LED 4) Medição Resi
Colocando um botão Copiar para a área de transferência em uma página da web: 5 etapas (com imagens)
Colocando um botão Copiar para a área de transferência em uma página da Web: isso pode parecer simples e posso parecer bobo por colocá-lo no Instructables, mas, na realidade, não é tão fácil. Há CSS, Jquery, HTML, alguns javascript sofisticados e, tudo bem, você sabe
Python para iniciantes não tão iniciantes: 7 etapas
Python para iniciantes não tão iniciantes: Olá, da última vez, se você estava prestando atenção, tocamos no básico do python - imprimir, while e for loops, input & saída, se, e um iniciador no easygui. também uma distribuição gratuita do módulo easygui e pycal-my own. este tutorial irá cobrir: mais
Luz reativa para música -- Como tornar uma luz reativa para música super simples para tornar a área de trabalho incrível: 5 etapas (com imagens)
Música reativa luz || Como fazer música super simples luz reativa para tornar a área de trabalho incrível .: Ei, e aí galera, hoje vamos construir um projeto muito interessante. Hoje vamos construir uma luz reativa musical. O led mudará seu brilho de acordo com o baixo, que na verdade é um sinal de áudio de baixa frequência. É muito simples de construir. Vamos
Uma página da web para visualização estereográfica otimizada: 7 etapas
Uma página da Web para visualização estereográfica otimizada: Não force seus olhos para visualizar as imagens estereográfica. Ajuste as imagens