Elementos e Atributos HTML

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

--!> HTML - freecodecamp
documentação: https://developer.mozilla.org/pt-BR/docs/Learn/HTML
CONTENT AREAS
HTML5 has some elements that identify different content areas. These elements make your HTML easier to read and help with Search Engine Optimization (SEO) and accessibility.
Identify the main section of this page by adding a <main> opening tag before the h1 element, and a </main> closing tag after the p element.
Before adding any new content, you should make use of a section element to separate the cat photos content from the future content.
Take your h2, comment, p, and anchor (a) elements and nest them in a section element.
ATTRIBUTES
HTML attributes are special words used inside the opening tag of an element to control the element's behavior. The src attribute in an img element specifies the image's URL (where the image is located).
a target attribute with the value _blank to the anchor (a) element's opening tag, so that the link opens in a new tab.
O atributo action indica para onde os dados do formulário devem ser enviados. Por exemplo, <form action="/submit-url"></form> informa ao navegador que os dados do formulário devem ser enviados para o caminho /submit-url.
Existem muitos tipos de entradas (inputs) que você pode criar usando o atributo type. Você pode criar facilmente um campo de senha, um botão de redefinição ou um controle para permitir que os usuários selecionem um arquivo armazenado no computador.
ELEMENTS
You can link to another page with the anchor (a) element. (a) = link
example: <a href="https://freecatphotoapp.com">link to cat pictures</a>
unordered list (ul) element. Note that nothing will be displayed at this point.
Use list item (li) elements to create items in a list. Here is an example of list items in an unordered list:
<ul>
 <li>milk</li>
 <li>cheese</li>
</ul>
The figure element represents self-contained content and will allow you to associate an image with a caption.
A figure caption (figcaption) element is used to add a caption to describe the image contained within the figure element. For example, <figcaption>A cute cat</figcaption> adds the caption A cute cat.
Os elementos label são usados para ajudar a associar o texto de um elemento input com o próprio elemento input (especialmente para tecnologias assistivas como leitores de tela). Por exemplo, <label><input type="radio"> cat</label> torna possível que clicar na palavra cat também selecione o botão de opção correspondente.
LABELS LABELS LABELS
Observe que os dois botões de opção podem ser selecionados ao mesmo tempo. Para fazer com que selecionar um botão de opção automaticamente desmarque a seleção do outro, os dois botões devem ter um atributo de name com o mesmo valor.
Adicione o atributo name com o valor indoor-outdoor para os dois botões de opção.