2 partes:

Saiba HTML básicoSaiba mais avançado HTML

HTML é a abreviatura de Hyper Text Markup Language (Hypertext markup language) e é o código ou idioma que é usado para criar sites. Você pode parecer um pouco intimidante se você nunca criou um código, mas tudo que você precisa é de qualquer aplicação de texto e um navegador de Internet. Você pode até mesmo reconhecer qualquer um destes códigos HTML usado para alterar o texto em fóruns on-line, ou em perfis personalizados artigos wikiHow. HTML é uma ferramenta muito útil para quem usa a Internet e aprender o básico pode levar muito menos do que você pensa.

parte 1Saiba HTML básico

1

Abra um documento HTML. A maioria dos programas de edição, incluindo o bloco de notas ou Microsoft Word para Windows ou o TextEdit para Mac, pode ser usado para escrever documentos HTML. Abra um novo documento e usos arquivo → Salvar como no menu superior para salvar o arquivo como "página web", ou alterar a extensão para ".html" ou ".htm" em vez de ".doc", ".rtf" ou alguma outra extensão.

• É provável que um aviso aparece dizendo que o documento se tornará "texto simples" em vez de "Rich Text" ou outra formatação especial e as imagens não são armazenados corretamente. Não se preocupe porque os documentos HTML não usar essas opções.
• Não há diferença entre os arquivos ".htm" ".html" e. Qualquer trabalho.

2

Assista seu documento com um navegador de Internet. Salve o documento em branco, em seguida, encontrar o ícone do documento no seu computador e clique duas vezes para abri-lo. Ele deve abrir em uma página em branco no seu browser. Se não, arrastar o arquivo para a barra de URL no seu browser. Como você editar o documento HTML seguindo este guia, você pode verificar o seu browser e ver como ele muda a página.

• Tenha em mente que isso não realmente criar um site online. Isso eu não posso acessar outras pessoas e não precisa de uma ligação à Internet para provar isso. Isso só usa o navegador para "ler" o documento HTML como uma página web.

3

Compreender os rótulos de marca. Esses rótulos não aparecem em uma página da web como texto simples. Estes informam ao seu navegador como exibir a página e conteúdo. A marca de início contém instruções. Por exemplo, você pode dizer ao navegador para exibir o texto em negrito. Você também precisa da tag final para deixar o navegador onde aplicar as instruções: neste exemplo, todo o texto entre a marca de início eo final será em negrito. Tudo o que muda quando se escreve o "fim" da etiqueta é a diagonal após os primeiros suportes triangulares.

• Insira os suportes triangulares marca de início: lt;a tag de início vai aquigt;
• Insira os suportes triangulares tag end, mas escreve uma diagonal após os primeiros suportes triangulares: a marca de fim vai aquigt;)
• Leia mais para ver como escrever rótulos funcionais. Para esta etapa, tudo que você precisa lembrar é o formato básico está escrito em: lt; gt; e
• Se você também estiver usando outro guia HTML, você pode se referir a rótulos como "elementos" e o texto entre as tags de "conteúdo do elemento".

4

Escrever seu primeiro tag . Cada documento HTML começa com uma etiqueta e termina com uma etiqueta . Isso diz ao navegador que tudo o que está entre essas marcas é em HTML. Adicionar essas tags no seu documento:

• escrever no início do documento.
• imprensa entrar ou retorno várias vezes para deixar um espaço e digite
• Lembre-se de escrever o resto deste guia entre estas duas tags.

5

Encha a parte de cabeçalho ""Seu documento. entre as tags e , Leia o rótulo iniciar e tag end. Criar um espaço para escrever entre as duas etiquetas. Qualquer coisa entre essas tags não aparece na própria página. Tente isso e ver onde ele aparece:

• entre as tags e , escrever e
• entre as tags , escrever Como aprender HTML - wikiHow.
• Salve o documento e abri-lo em um navegador (ou salvar o documento e atualizar a página do browser, se você já teve que abrir). O que você acabou de escrever deve aparecer na parte superior do navegador, acima da barra de endereços.

6

Cria "uma secção de corpo". Tudo o resto que está neste documento deve ir na seção do corpo, que está listado na página. Após o rótulo final, mas antes da tag final, tipo e . Para o restante deste guia, tudo o que você vai escrever será entre essas tags. Agora você deve ter um documento que se parece com isso (ignorar os desenhos animados):

7

Adicione o texto em vários estilos. Agora é hora de realmente ver algo no navegador. Tudo o que você escrever entre as tags body aparecer após salvar o documento HTML e atualize o navegador. Não escreva nada com símbolos lt; ou gt;, porque o navegador irá interpretar isso como instruções HTML em vez de texto simples. tente escrever Olá mundo! (Ou o que você quiser) e, em seguida, adicionar essas tags para ver o que acontece:

• Olá mundo! aparece com ênfase: Olá mundo!
• Olá mundo! aparece como texto forte: Olá mundo!
• Olá mundo! aparecerá riscado: Olá mundo!
• aparece como sobrescrito:
• _{Olá mundo!} aparecerá como um subscrito: _{Olá mundo!}
• Experimente estas combinações: luce Como Olá mundo!?

8

Divida seu texto em parágrafos, se você escrever várias linhas de texto em seu documento HTML, você vai perceber que as quebras de linha não aparecem no navegador. Você tem que adicionar código para estes:

Este é um parágrafo separado.

Esta linha é seguida por uma nova linha.
Antes de começar esta oração.
Este é o primeiro nome que você vê você não precisa de uma marca de fim. Estes são chamados "tags vazias".

Criar cabeçalhos para mostrar os nomes das seções:

texto do cabeçalho

: O maior cabeçalho

texto do cabeçalho

(Cabeçalho de segundo nível)

texto do cabeçalho

(Título de terceiro nível)

texto do cabeçalho

(Cabeçalho de nível IV)

texto do cabeçalho

(O menor cabeçalho)

9

Saiba como criar listas. Existem várias maneiras de criar listas em uma página web. Tente os seguintes tipos de código e ver qual você gosta. Tenha em mente que um par de etiquetas indo em torno de toda a lista (como tags

e

para lista desordenada), enquanto elementos individuais são cercados por um outro par de etiquetas, tais como

e

.

• Utilize este código para criar listas de marcadores:
  

• um elemento
• outro elemento
• outro elemento

Ou este código para criar listas numeradas:

o elemento 1

elemento 2

3 elemento

Ou este código para criar uma lista de termos definidos:

café

- bebidas quentes

latte

- Bebidas frias

10

Organizar um pouco de página quebras de linha, linhas horizontais e imagens. Agora é hora de adicionar mais coisas para o outro texto para sua página. Tente as seguintes tags ou clique nos links para obter mais informações. Você precisa usar um serviço de armazenamento de imagens on-line para ter um link URL em uma tag de imagem:

• Insere uma linha em HTML:
ou

  ---

• Adicionar imagens: # Image.jpg.

11

Links para outros locais na página. Você também pode usar este código para ligar a outras páginas e sites, mas por agora, porque não pode ter um site, vamos concentrar-nos com âncoras ou locais específicos na página onde você pode criar um link:

• Primeiro crie uma "âncora" com o rótulo o ponto na página onde você deseja vincular o texto. Dê-lhe um nome descritivo para você é mais fácil de lembrar:
  
  Este "é o texto que você colocar tags de dentro.
• Use a etiqueta para link para essas âncoras ou o link para outro site:
  
  Digite um texto ou imagem que aparece como um link.
• Para conectar-se a uma âncora em uma página web diferente, adicione o símbolo # após o URL, seguido do nome da âncora, por exemplo, https://comcorp.xyz/aprender-HTML#Consejos cria um link para a seção Dicas desta página.

parte 2Saiba mais avançado HTML

1

Saiba mais sobre os atributos. Os atributos são colocados dentro da própria tag e fazer alterações adicionais para os "elementos de conteúdo" entre o início eo fim da etiqueta. Eles nunca ficar sozinho. Eles são escritos no formato name = "value", onde nome É os atributos de nome (neste caso, "cor"), e valor Ele descreve o exemplo específico (neste vermelho) caso ( "Vermelho").

• atributos que você já viu antes, se você ler a seção HTML básico deste guia. etiquetas Eles usam o atributo src, âncoras usar o atributo nome e liga o atributo href. Você vê como todos seguem o formato ___ = "___"?

2

Experiência com tabelas HTML. Para criar um gráfico ou diagrama, você precisa de vários rótulos diferentes. Jogar com estas etiquetas ou aprender sobre tabelas HTML com mais detalhes.

• Comece colocando marcas de tabela em torno de toda a tabela:
• Os rótulos de linha em torno do conteúdo de cada linha:
• Os cabeçalhos das colunas na primeira linha:
• As células em linhas subsequentes:
• Aqui está um exemplo de como tudo se encaixa:
  
  

  Coluna 1: Mês	Coluna 2: O dinheiro economizado
  janeiro	$ 100

3

Saiba etiquetas cabeçalhos diversos. E você aprendeu a etiqueta , que aparece no início de cada documento. Para além da etiqueta

4

Jogar com o código HTML que você encontrar no site. Uma ótima maneira de expandir o seu conhecimento está visualizando o código HTML de vários sitiows eb. Você pode fazer isso clicando com o botão direito na página e selecionar "View Source", "página de código Mostrar fonte" ou algo semelhante, ou entrar no "View" no menu principal do seu browser. Tente descobrir o que cada tag HTML você não sabe ou procurá-lo online.

• Enquanto você não pode editar os sites de outras pessoas, você pode copiar o código HTML que você encontra em um documento e, em seguida, jogar com o código para ver o que as diferentes opções de fazer. Tenha em mente que, sem a folha de CSS que está ligado ao site, você não pode ver todas as cores e os formatos.

5

Saiba web design mais avançado lendo guias mais abrangentes. Existem várias fontes na Internet que você pode usar para aprender mais sobre tags HTML tais como W3Schools ou Codecademy. Você também pode encontrar livros sobre guias apenas HTML certeza de que data, uma vez que existem normalmente várias mudanças. Melhor ainda, aprender CSS para ter mais controle sobre o design do seu site e aparência. Depois que você aprender CSS, o próximo passo para web designers é aprender javascript.

dicas

• Você pode encontrar uma simples página web na internet e brincar com o código. Tente mover o texto, alterar a fonte, alterar imagens ou qualquer outro que você gosta.
• Você pode obter um notebook e escrever todos os códigos, então lembre-se você precisa de um, você pode simplesmente abrir o livro e encontrá-lo. Você também pode imprimir este artigo para o uso como uma referência.
• XML e RSS Eles estão se tornando cada vez mais comum em sites de hoje. Seus códigos podem ser difíceis de ler e compreender, especialmente quando visto em um código-fonte arquivo HTML, mas têm os seus próprios efeitos.
• As tags de marcação HTML não são caso sensível, mas é recomendado o uso de pura sensíveis (como é feito nesta página) para padronização e compatibilidade com XHTML.

avisos

• Alguns pararam de usar rótulos nos últimos anos e foram substituídas por outras opções com os mesmos efeitos ou outros, mesmo adicionar novos efeitos, se desejar.
• Se você está interessado validar o seu site, vá para o site e saiba como validar W3 HTML. padrões HTML mudar ao longo do tempo e alguns rótulos são substituídos por diferentes rótulos que funcionam melhor na maioria dos navegadores modernos.

Coisas que você precisa

• Um programa de edição de texto, como o Notepad (Windows) ou TextEdit (Mac)
• Um livro (opcional)
• Um programa de edição de HTML como o código Notepad ++ (Windows) ou TextWrangler (Mac), isso é opcional.

>