learn semantic markup

Poucos 1.1 - prática de marcação semântica

Aprenda HTML semântico marcando esses documentos.

O que é isso?

Este é um diretório de documentos de texto que você pode marcar para a prática para aprender HTML. Os documentos contêm o conteúdo típico que você pode ver em sites no seu telefone e na área de trabalho. Apenas o texto está incluído aqui! Seu trabalho é adicionar a marcação!

Além de escrever um código HTML sintaticamente correto, seu objetivo é usar a marcação HTML para aprimorar o significado e preservar o contexto das informações. A marcação deve adicionar clareza.

Seu objetivo é marcar o documento com as tags que melhor descrevem o texto do conteúdo. Você deseja que as tags melhorem a mensagem e a intenção do conteúdo de cada documento.

Não se preocupe com a aparência dos documentos no navegador. Este é um erro para iniciantes comum . Os estilos padrão no navegador são apenas opções padrão fornecidas quando nenhuma outra folha de estilo foi incluída.

Use estas tags:

• Tags seccionais
  • Cabeçalho <header>
  • Seção <section>
  • Artigo <article>
  • Rodaper <footer>
• Cabeçalhos H1-6 <h1>
• Parágrafos <p>
• pequeno <small>
• BlockQuote <blockquote>
• pré - <pre>
• Código <code>
• Tags embutidas
  • forte <strong>
  • ênfase <em>
  • Abreviação <abbr>
  • âncora <a>
  • Hora <time>
  • Superscript <sup>
  • Citação <q>

Começando!

TL; DR Download deste repo e comece a adicionar tags HTML a cada um dos documentos.

Este repo contém uma lista de desafios e soluções. Cada um dos arquivos de solução está marcado.

O arquivo de desafio contém apenas texto, sem marcação, você adicionará markup (tags).

Antes de começar a ler os comentários em cada arquivo. Leia também o próprio texto. A marcação que você adiciona deve adicionar contexto e reforçar o significado e a intenção.

Como baixar este código

Se você está tendo problemas para baixar este repositório, aqui estão as etapas:

1. Abra uma janela de terminal e navegue até a pasta onde você deseja colocar este repositório. (Provavelmente é chamado de algo como: dev/courses/web1.0 )

2. Digite o seguinte código:

 $ git clone [email protected]:soggybag/learn-semantic-markup.git

3. Vá para Github.com e crie um novo repositório. (Nota: verifique se a caixa de seleção para "Inicialize este repositório com um ReadMe" não está verificado.)

4. Digite o seguinte para atualizar o destino do seu repositório:

 $ git remote set-url origin [email protected]:YOUR_USERNAME/YOUR_REPO_NAME.git
$ git push -u origin master

5. Atualize a página em seu recém-criado repositório do Github para garantir que suas alterações fossem pressionadas com sucesso.

Verifique seu trabalho

Você pode verificar seu trabalho de algumas maneiras:

Use o validador para verificar sua sintaxe. O validador HTML verifica a sintaxe do seu HTML.

https://validator.w3.org

Verifique seu trabalho no validador.

Verifique seu trabalho contra as soluções. O que você tem não precisa ser o mesmo que a solução!

Sinta -se à vontade para contribuir

Sinta -se à vontade para contribuir! Se você tiver idéias para um documento que possa fazer um bom desafio, pareça à vontade para contribuir. Veja o guia contribuinte. Se você tem uma solução particularmente boa, sinta -se à vontade para contribuir com isso também!