Instruções gratuitas passo a passo Olá Mundo!Experimente combinações: como fica
Esta é a primeira tag que encontramos que não precisa de uma tag final! Chamamos essa marca de tag vazia.Crie cabeçalhos para deixar os nomes das seções claros:
Comece com as tags para tabela ("tabela" em inglês) ao redor de toda a mesa: Coloque tags ao redor do conteúdo de cada linha: Coloque os cabeçalhos das colunas na primeira linha: Coloque as células em linhas consecutivas: Aqui está um exemplo de como tudo se encaixa:
Aprenda html
Contente
HTML é a abreviação de Linguagem de marcação de hipertexto, é o código de língua que é usado para criar sites. Pode parecer complicado se você nunca programou antes, mas para experimentar tudo o que você precisa é de um simples programa de processamento de texto e um navegador de internet. Você pode reconhecer alguns HTML de fóruns, perfis online ou artigos do wikiHow. HTML é uma ferramenta útil para quem usa a Internet, e aprender HTML pode levar menos tempo do que o esperado.
Degraus
Parte 1 de 2: Aprendendo o básico de HTML
1. Abra um documento HTML. A maioria dos programas de processamento de texto, incluindo Bloco de Notas ou Word para Windows e TextEdit para Mac, podem ser usados para criar documentos HTML. Abra um novo documento e selecione Arquivo → Salvar como no menu superior para salvar seu documento como uma página da Web ou altere a extensão do arquivo de ".doc", ".rtf" ou outra coisa para ".html" ou ".htm".- Agora você pode ver um aviso informando que seu documento está sendo alterado de Rich Text Format (RTF) para "texto plano", e que certas opções de formatação e imagens não são salvas corretamente. Você pode ignorar este aviso; Documentos HTML não usam essas opções.
- .html e .os arquivos htm são os mesmos. Ambos funcionam.
2. Visualize seu documento com um navegador. Salve seu documento em branco, feche-o e clique duas vezes no documento no local onde foi salvo para abri-lo novamente. Seu documento agora deve ser aberto pelo seu navegador como uma página da web vazia. Se isso não funcionar, arraste o ícone do arquivo para a barra de endereços do seu navegador. Se você editar posteriormente seu documento HTML seguindo as etapas deste artigo, continuará voltando ao navegador para verificar como são as alterações no código.
Observação: sua página da web ainda não está online. A página não pode ser acessada por outras pessoas e você não precisa de uma conexão com a Internet para testá-la. Você está usando seu navegador apenas para visualizar o documento HTML "ler" como se fosse um site.
3. Entenda o que são `tags`. As tags não são visíveis na página da Web final, como o texto normal é. As tags informam ao seu navegador como exibir a página e o conteúdo da página. A tag de abertura contém instruções. Por exemplo, pode dizer ao navegador para deixar o texto em negrito. A tag de fechamento é necessária para informar ao navegador onde as instruções se aplicam: neste exemplo, todo o texto entre as tags de abertura e fechamento está em negrito. As tags finais também são colocadas entre parênteses, mas uma barra segue após o primeiro parêntese.Escreva as tags de abertura entre parênteses: Escreva as tags finais entre parênteses, mas coloque uma barra após o primeiro parêntese: Leia mais adiante no artigo como escrever tags funcionais. Nesta etapa, tudo o que você precisa fazer é lembrar como escreve as tags: < > e Em outros cursos de HTML, as tags também são chamadas "elementos" chamado e o texto entre as tags inicial e final também é chamado "conteúdo do elemento" nomeado.
<este é o dia de início>>)4. Escreva seu primeiro Todo documento HTML começa com um escrever no topo do seu documento. Aperte enter ou return várias vezes para dar a si mesmo algum espaço, então escreva lembre-se que você tudo neste artigo entre essas duas tags.
5. consertá-lo Entre as etiquetas -marca de início e um -etiqueta final. Faça algum espaço entre essas tags novamente. Qualquer coisa escrita entre essas tags não será visível na própria página da web. Tente as etapas a seguir e veja se consegue ver onde as informações aparecem:Escreva entre as tags e Entre as etiquetas Aprenda HTML - wikiHow .Salve o documento e abra-o em um navegador (ou salve o documento e atualize a página no navegador se a página ainda estiver aberta). Veja o que você acabou de escrever no topo da página, acima da barra de endereço?
6. faça um Todo o resto neste documento para iniciantes é abordado na seção Depois de a etiqueta por a etiqueta e . Tudo o que discutimos mais adiante neste artigo, colocamos entre as tags do corpo. Agora você deve ter um documento parecido com este (sem os marcadores):
7. Adicione texto em estilos diferentes. Agora é hora de escrever algo que será realmente visível no navegador! Tudo o que você escrever nas tags do corpo ficará visível no navegador depois que você salvar as alterações e atualizar a página no navegador. escrever não algo com os personagens < e >, porque seu navegador interpretará isso como instrução HTML em vez de texto simples. Por exemplo, escreva Olá Mundo! (inglês para "Olá Mundo!", este é o texto padrão global como o primeiro exemplo em qualquer curso de linguagem de programação) ou qualquer outra coisa, e coloque as seguintes tags antes e depois do texto e continue vendo o que acontece:
8. Divida seu texto em parágrafos. Se você colocar várias linhas de texto em seu documento, verá que todas as linhas são colocadas uma atrás da outra. Você tem que programar novas linhas e linhas em branco:
Esta frase está na primeira linhaEsta é a primeira tag que encontramos que não precisa de uma tag final! Chamamos essa marca de tag vazia.
9. Aprenda a fazer listas. Existem várias maneiras de criar listas em uma página da web. Experimente os seguintes métodos para descobrir o que você mais gosta. Observe que um par de tags é colocado ao redor de toda a lista (como as tags Use o seguinte código para criar listas com marcadores:
Ou este código para criar listas numeradas:
Ou este código para criar a chamada lista de definições:
10. Torne sua página mais atraente com novas linhas, linhas horizontais e imagens. Agora é hora de começar a adicionar outras coisas à sua página. Tente as seguintes tags (você deve ter postado a imagem online para poder vincular a imagem):Insira uma linha: Inserir imagens:
![]("the_url_of_your_image"></big)
11. Inserir links para outros lugares na página. Você também pode usar este código para vincular a outras páginas e sites, mas como você ainda não tem um site, vamos nos concentrar em "âncoras" (âncoras), ou seja, locais específicos na página que você pode vincular:Primeiro crie uma âncora com a tag
Use a etiqueta
Para vincular a uma âncora em outra página, adicione o sinal # após a url, seguido do nome da sua âncora. Por exemplo http://www.wikihow.com/HTML Learning#Dicas leva você direto para a seção "Pontas" nesta página.
Parte 2 de 2: Aprendendo HTML avançado
1. Saiba mais sobre os atributos. Os atributos são colocados dentro da tag e são usados para fazer ajustes adicionais no "conteúdo do elemento" entre a tag inicial e final. Eles nunca ficam sozinhos. Eles são escritos da seguinte forma: nome="valor". nome representa o nome do atributo (por exemplo, "cor") e valor descreve este caso particular (por exemplo, "vermelho").- Se você olhou atentamente na parte anterior deste artigo, já se deparou com atributos. a etiqueta
2. Experimente com tabelas HTML. Para criar uma tabela ou gráfico você precisa de várias tags:
<º>3. Aprenda as outras tags usadas na seção head. você tem a etiqueta As metatags são usadas para metadados gerar sobre uma página da web. Esses dados são usados pelos mecanismos de pesquisa para categorizar as páginas da web. Para tornar sua página visível para os mecanismos de pesquisa, você pode colocar uma ou mais metatags (tags finais não são necessárias), cada tag deve conter exatamente um atributo de nome e atributo de conteúdo, por exemplo:
4. Brinque com HTML de páginas existentes. Visualizar o código-fonte das páginas da Web é uma ótima maneira de expandir seu conhecimento de HTML. Clique com o botão direito na página e selecione "Ver código-fonte", "Mostrar origem da página" ou algo parecido. Tente descobrir o que uma determinada tag que você não conhece faz ou pesquise on-line pela resposta.
Você não pode modificar os sites de outras pessoas, mas pode copiar o código HTML em seu próprio documento e brincar com ele para ver o que as diferentes modificações fazem. Observação: como muitos sites usam folhas de estilo CSS, talvez você não consiga ver muitas cores ou outros estilos.
5. Saiba mais sobre HTML lendo artigos mais aprofundados. Existem muitos recursos disponíveis na internet para dominar mais tags HTML, comoW3 Schools ou codecademia. Há também muitos livros sobre HTML disponíveis, mas certifique-se de usar uma edição recente, pois o padrão em HTML muda de vez em quando. Depois de dominar o HTML em um bom nível, você pode recorrer ao CSS para ter mais controle sobre o design e o estilo da sua página da web. Depois disso, o próximo passo geralmente é javascript.Pode ser útil pesquisar uma página da Web simples na Internet e depois brincar com o código. Tente mover algum texto, alterar a fonte, alterar as imagens, o que quiser! Você pode usar um caderno para escrever o código para que você tenha algo para recorrer se não tiver certeza. Você também pode imprimir esta página e mantê-la como referência. XML e RSS são cada vez mais usados em sites nos dias de hoje. O código pode parecer inacessível ao olho humano, especialmente se você olhar para ele no código-fonte, mas a funcionalidade pode ser útil. As tags usadas no HTML não diferenciam maiúsculas de minúsculas, mas o padrão é usar letras minúsculas (como fazemos neste artigo). Minúsculas para as tags são altamente recomendadas, também para compatibilidade com XHTML.
Pontas
Avisos
- Algumas tags não são mais usadas e foram substituídas por outras tags que fazem o mesmo, mas geralmente oferecem mais opções.
- Se você quiser garantir que sua página esteja em conformidade com o padrão HTML, visite o site W3 para verificar seu código em relação ao padrão atual. Muitas tags estão obsoletas e foram substituídas por tags que funcionam melhor em navegadores modernos.
Necessidades
- Um programa de processamento de texto, como o Bloco de Notas (Windows) ou TextEdit (Mac).
- uma folha de papel ou caderno (opcional)
- Um programa projetado especificamente para escrever HTML, como Notepad++ para Windows ou TextWrangler para Mac (opcional)
Artigos sobre o tópico "Aprenda html"
Оцените, пожалуйста статью
Popular
