Scribd
Carregar
16 visualizações1 página

HTML

O documento apresenta uma introdução ao HTML5, explicando a estrutura básica de um documento HTML e a semântica dos elementos. Ele detalha a utilização de tags como <h1>, <section>, <header>, <article>, <aside>, <footer>, e fornece orientações sobre textos, links, imagens e listas. Além disso, menciona a importância de atributos como 'href' e 'alt' para links e imagens, respectivamente.

Enviado por

Alice Carmo
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
16 visualizações1 página

HTML

O documento apresenta uma introdução ao HTML5, explicando a estrutura básica de um documento HTML e a semântica dos elementos. Ele detalha a utilização de tags como <h1>, <section>, <header>, <article>, <aside>, <footer>, e fornece orientações sobre textos, links, imagens e listas. Além disso, menciona a importância de atributos como 'href' e 'alt' para links e imagens, respectivamente.

Enviado por

Alice Carmo
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
Você está na página 1/ 1

Introdução a HTML 5

Elemento HTML:
<h1 class= “titulo”>Título</h1>
<h1 /h1> : abrir e fechar tag

Estrutura Básica:
<!DOCTYPE html> : apenas diz ao navegador oq você está escrevendo
<html> : tudo estará dentro desse elemento
<head>: informações q o navegador necessita
<meta charset="utf-8">: faz o in code dos caracteres
​ <title></title>: coloca o titulo na aba do navegador
</head>
<body>: conteúdo da página
</body>
</html>

Semântica:
<section> : secção genérica
<header>: pode ser um cabeçalho
<article>: conteúdo relevante
<aside>: conteúdo relacionado ao principal
<footer>: roda pé
<h1> - <h6> : titulos; só pode ter um h1 por página

Textos e Links:
<p> </p>: para conteúdos maiores, texto, imagem e vídeos
<a> </a>: links
●​ <a href= “ “>Nome do link</a>
●​ <a target= “_blank(vai abir o link em uma nova aba) “>Nome do link</a> : como o
link vai ser aberto

Imagens:
<img src=”img/avatar.jpg”>: obrigatório, imagem dentro do site ou de outro lugar
<img alt=”foto”>: descrição da foto caso ela n apareça no site

Lista:
<ul> : a ordem dos itens n é importante
<ol: a ordem dos itens importa
<li>: um item da lista

Você também pode gostar