quinta-feira, 14 de março de 2013

HTML Parte 1

Características.




O HTML "Hypertext Markup Language", que significa (Linguagem de Marcação de Hipertexto) é uma linguagem de marcação de texto muito conhecida que tem a finalidade de construir paginas na web, atualmente está sendo desenvolvida a versão 5.

Estrutura basica de uma pagina e Metadados.

Toda pagina HTML começa com a tag <html> e termina </html> além dessa tag uma página  HTML mais contém 3 tags basicas.
<head> </head> é o cabeçalho da página.
<title> </title> indica o título da página para o browser.
<body> </body> é onde fica todo o conteúdo principal da pagina.
<meta> essa tag é utilizada para definir a descrição da página, guarda informações que não é vista pelo usuário, além de guarda essas informações da página ele pode servir como palavra chave para os motores de busca.
Obs: na linguagem HTML essa teg não precisa ser fechada, mas em XHTML ela tem que ser fechada.
<style> é a tag que define as informações da folha de estilo para uma pagina determinada em HTML.
<link> é ultilizado para ser vinculada com uma folha de estilo(css).
Obs: essa tag não precisa ser fechada .

Sessões

<article> é usara para destacar um contéudo da página como um titulo de noticia.
<section> a tag sessão é utilizada para separar os documentos em sessões como, capítulos, imagens, tipos de textos e outras coisas.
<section>
<aside> essa tag ela define um conteúdo na página.
<nav> essa tag é usada quando existe uma grande quantidade de links, então todos os links em sequencia ficam dentro desta tag.
<h1><h2><h3><h4><h5><h6> essas tags definem o titulo do cabeçalho, quanto maior o número, menos importante é a noticia.
 Caso o seja usado  <h1> é a noticias de destaque da página.
<hgroup> essa tag é usada para agrupar um conjunto de títulos, quando o cabeçalho da pagina possui muitos subtitulos.
<header> essa tag especifica um cabeçalho dentro de uma pagina ou uma sessão.
<footer> essa tag define o rodapé de uma página ou de uma sessão.
<address> define as informações de contato do autor da página ou de um artigo dentro da página.
Comentário
O comentário é feito pelo desenvolvedor no caso de ser um codigo extenso, o comentário serve para orientar ele para que não se perca na hora de fazer uma modificação ou reparar um erro.
<!--Comentario-->

Elementos de agrupamento

<p> essa tag define um paragrafo.
<hr> essa tag é usada para criar um espaço como por exemplo entre o fim de um texto e o começo de outro texto, para não causar confusão na hora que o usuário estiver navegando nas páginas do site.
<blockquote> essa tag especifica qual sessão da pagina é citado de outra fonte como um texto retirado de outro site.
<ol> essa tag cria uma lista ordenada, seja por odem númerica ou alfabetica.
<ul>essa tag cria uma lista não ordenada, com marcadores.
<li> essa tag define um item da lista.
<dl> essa tag faz a definição de uma lista de definição.
<dt> essa tag faz a definição de um item na lista de definição.
<dd> essa tag descreve um item na item na lista de definição.
<div> essa tag define por um nome uma divisão ou sessão de um página.

Elementos de texto semânticos

<a> essa tag define um hiperlink, usado para lingar uma página com a outra, essa tag tem os atributos: Href, hreflang, media, rel, targe.
<span> essa tag não provoca nenhuma mudança visual, ela é usada para grupo, linha-elementos em uma página.
<strong> essa tag da um destaque para o texto, definindo o texto importante.
<em> essa tag deixa a parte de uma frase ou paragarafro enfatizado.
<br> essa tag provoca uma quebra de linha em um texto.

Conteúdo embutido
<img> essa tag exibe uma imagen em uma página HTML através de um caminho, os atributos src e alt são obrigatorios para que essa tag funcione.





Nenhum comentário:

Postar um comentário