Você sabe o que é HTML ?
HTML é a sigla para hypertext markup language, ou seja, linguagem para formatação de hipertexto é com essa linguagem de marcação que criamos pagina web. Vou tentar passar aqui um pouco que sei e claro, espero que com isso você obtenha alguma ajuda.
<html> </html> Aqui temos a tag html, que serve para dizer ao navegador que tudo que esta entre elas deve ser encarado como codigo.
<!DOCTYPE> é usado atualmente para ver qual versão do html esta sendo usada.
<html lang="pt-br"> a complementação lang="pt-br" indica em qual lingua esta sendo escrita a pagina, isso é importante para que os robos de busca compreendam em que lingua seu site esta.
Para começar a treinar vai ate seu bloco de nota, abre e digita o que esta embaixo, quando você for salvar escolha o nome que você quiser porem é . html,
a extensão . html. Exemplo "teste.html".
Primeiro pagina com as tags iniciais:
De
O resultado da pagina é :
Claro que tudo isso que você fez não esta 100% correto falta algumas coisas mais para ter uma pagina basica, isso por enquanto não é indicado em se fazer então vamos para as tag que faltam pra uma pagina basica.
Então, ja vimos a as tag DOCTYPE, HTML, muito basico. Vamos agora falar de metadados que são informação de dados para outro dados, mais ou menos assim na web semantica, está basicamente ligada à facilidade de recuperação dos dados, uma vez que estes terão um significado e um valor bem definidos.
Para os metadados que vamos ver agora são : head, title, link, meta, style.
<head> </head> = delimina o cabeçalho.
<title> </title> = seção do titulo da pagina, aquele que vai na aba do navegador.
<link> </link> = importa um arquivo para pagina.
<meta> </meta> = adiciona informações na pagina como o navegador deve ler algo.
<style> </style> = defini o estilo de uma pagina.
Na pratica:
Esta é uma estrutura simples de HTML, com ela temos o inicio e fim com <html></html>; <head></head> cabeçalho, <body></body> corpo tudo que você escrever na pagina.
Exemplo com conteudo qualquer:
Se você percebeu na aba de titulo esta toda confusa, isso se da por que nao usamos o metadado, meta olhe como ficaria com.
A única diferença é que foi incluso a linha de codigo <meta charset="UTF-8">
Como dar para notar a diferença é na aba de titulo, porem com essa metadado todo texto com acentuação vai ser mostrado no navegador. Texto digito por você.
Agora a pratica style e link como funciona, para fazer funciona o style adicionei algo que nao falei que é <p></p> é simples ele cria um paragrafo não é algo difícil.
No caso em questao como nao foi feito o arquivo CSS não deu para fazer o link, mais o semantica da para ter uma boa noção.
Vamos falar em sessoes que é, são para organizar a estrutura da pagina sendo assim, definir cada informaçao no seu devido lugar.Essas embaixo sao as tag que conheço:
<body> </body> = Define o corpo do documento HTML. O Conteudo
<article> </article> = Define um conteúdo dentro da página ou de uma seção.
<section> </section> = Define uma seção de conteúdo.
<nav> </nav> = Define um conjunto de links.
<aside> </aside> = Define um conteúdo relacionado ao artigo.
<h1> </h1> = Define um cabeçalho na página de nível 1.
<h2> </h2> = Define um cabeçalho na página de nível 2.
<h3> </h3> = Define um cabeçalho na página de nível 3.
<h4> </h4> = Define um cabeçalho na página de nível 4.
<h5> </h5> = Define um cabeçalho na página de nível 5.
<h6> </h6> = Define um cabeçalho na página de nível 6.
<hgroup> </hgroup> = Usado para agrupar cabeçalhos, titulos.
<header> </header> = Define um cabeçalho.
<footer> </footer> = Define um rodapé.
<address> </address> = Define endereços.
Exemplo pratico:
Como fica.
Proximo a falar é sobre comentario na pagina de codigo mais sem que o usuario veja é simples e facil, alguns falaram que é algo inutil mais se você trabalha ou estuda em grupo é muito necessario, olha o exemplo:
Elementos de agrupamento, como o nome diz é para agrupar as informações no corpo da pagina, para não ficarem solto e sem coerência, os que conheço
<p> </p> = define um parágrafo.
<hr> = Insere na página uma linha horizontal que divide o conteúdo.
<blockquote> </blockquote> = Define um paragrafo de citação.
<hr> = Insere na página uma linha horizontal que divide o conteúdo.
<blockquote> </blockquote> = Define um paragrafo de citação.
Esses são para listas
<ol> </ol> = Insere uma lista ordenada.
<ul> </ul> = Insere uma listão não-ordenada.
<li> </li> = Insere um item na lista.
<dl> </dl> = Define uma sessão em um documento.
<dt> </dt> = Define um termo.
<dd> </dd> = Define uma descrição.
<div> </div> = Define uma divisão ou secção no documento HTML.
Na pratica:
O proximo a ser a bordado é elementos semanticos, que servem para envatizar algo no texto.
<a> </a> = Define um Hiperlink que leva a exibição de algum elemento.
<abbr> </abbr> = Processa uma abreviação.
<span> </span> = Define a coloração de uma parte de um texto / agrupa elementos em linha de documento.
<strong> </strong> = Define uma forte ênfase.
<em> </em> = Define uma ênfase.
<br> = Define uma quebra de linha.
href= ele é um tributo de direção.
E para inserir imagem é a tag <img src="local que foi salvo">.
Nenhum comentário:
Postar um comentário