8

Click here to load reader

AULA - 1

Embed Size (px)

DESCRIPTION

HTML - características, estrutura básica de uma página.

Citation preview

Page 1: AULA - 1

Características

Documentos HTML são arquivos escritos em ASCII – texto. Podem ser criados

em qualquer editor de texto, (VI, EMACS, EDIT, NOTEPAD), existem editores

específicos para várias plataformas e conversores de vários formatos, por exemplo,

doc para HTML e a unidade mínima de informação é a “página”.

Page 2: AULA - 1

Estrutura básica de uma página

<!doctype>

<html>

<head>

<title> <\title>

<head>

<body>

<header> <\header>

<nav> <\nav>

<section>

<header> <\header>

<article> <\article>

<footer> <\footer>

<section>

<aside> <\aside>

<footer> <\footer>

<\body>

<\html>

Page 3: AULA - 1

Metadados: head, title, link, meta, style

Head - A Tag HEAD é onde fica toda a parte inteligente da página. São as informações

sobre a página e o conteúdo ali publicado.

Title – Define o título da barra de títulos no navegador.

Link – Importa uma de estilos na página.

Meta – Adiciona informações sobre a página como autor, palavras e chave.

Stile - Incorpora uma folha de estilos na página.

Page 4: AULA - 1

Sessões: body, article, section, nav, aside, h1, h2, h3, h4, h5, h6, hgroup, header, footer, address

Body – Define o corpo da página HTML.

Article - Representa uma parte da página que poderá ser distribuído e reutilizável.

Section – Define uma nova seção genérica do documento.

Nav – Representa uma seção da página que contem links.

Aside – Representa um bloco de conteúdo que referência o conteúdo.

H1, H2, H3, H4, H5, H6 – Definem uma seção de cabeçalhos.

Hgroup – Este elemento consiste em um grupo de títulos.

Header – Representa um grupo de introdução ou elementos de navegação.

Footer – Representa literalmente o radapé da página.

Address – Endereço.

Page 5: AULA - 1

Comentário

Os comentários em HTMl, é como uma etiqueta que tem um início e um fim. Todo o

texto que colocar dentro está comentado, ou seja, aparecerá na página. Dentro de um

comentário pode colocar o texto ou código HTML, como etiquetas.

Exemplo: Todo comentário começa por <! -- e finaliza por -- >, tudo o que colocar entre

essas etiquetas está comentado.

Page 6: AULA - 1

Elementos de agrupamento: p, hr, blockquote, ol, ul, li, dl, dt, dd, div. P – Define um parágrafo. Hr – Define uma divisão no conteúdo da página.

Blockquote – Define um parágrafo de citação.

Ol – Lista ordenada.

Ul – Lista não ordenada.

Li – Item de uma lista.

Dl – Lista de definição.

Dt – Termo a ser definido.

Dd - Definição do termo.

Div – Define uma divisão ou seção no documento.

Page 7: AULA - 1

Elementos de texto semânticos: a, abbr, span, strong, em, br

A – Define um hyperlink na página.

Abbr – Utilizado para marcar abreviações.

Span – Agrupa elementos em linha de um documento.

Strong – Dá uma forte ênfase.

Em – Dá uma ênfase.

Br – Quebra de linha.

Page 8: AULA - 1

Conteúdo embutido: img Img – Determina a inserção de uma imagem.