SINTAX E ESTRUTURAÇÃO DA PÁGINA HTML

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700); SINTAX E ESTRUTURAÇÃO DA PÁGINA HTML

SINTAXE DO HTML: MARCADO COM ETIQUETAS

É simples, utilizando marcadores chamados \u201cTags\u201d\u2019 (etiquetas), utilizadas para fazer a representação das diferentes estruturas de marcação em um documento da web, as quais rotulam as partes do conteúdo a ser apresentado, indicando para o navegador o início e o fim de um comando em HTML.

Sintaxe de uma tag HTML: é definida da seguinte forma:

- As tags HTML são palavras que estão entre o sinal de \u201cmenor que\u201d ( ), símbolos os quais também podem ser chamados de chaves regulares.

Ex: Está é uma tag que marca o início e o fim de um parágrafo.

As tags HTML normalmente são utilizadas em pares.

= primeira tag do par é chamada de tags de abertura

= tag de fechamento

(abreviação para break now, ou seja, quebra de linha.

O QUE SÃO COMANDOS EM HTLM

Podemos definir como comandos HTML, as marcações de inicio e de fim para inserção dos conteúdos das páginas da web. Cada comando HTML, então desempenha uma função especifica dentro da linguagem HTML.

TAG \u2013 Origem em inglês

Descrição

P \u2013 paragraph

Marcar início e fim parágrafo

Titel \u2013 title

Marcar início e fim do título

H1 e H6 \u2013 heading

Marcar início e fim do cabeçalho

ol \u2013 ordened list

Marcar início e fim de listas ordenadas

Br \u2013 break now

Marcar quebra de linha

CONSTRUÇÃO DE COMENDOS EM HTML \u2013 FORMATAÇÃO DE TAGS COM ATRIBUTOS

Quando precisamos \u201cformatar\u201d essa tag, então precisamos informar ao navegador quais valores queremos atribuir a tag para realizar esta formatação.

Para passarmos esta informação sobre os valores ao navegador utilizamos os atributos sempre na tag de abertura (inicial). O objetivo destes atributos então são fornecer informações adicionais a esse elemento HTML.

Para inserir um parágrafo utilizamos a tag \u201cp\u201d que ficará assim:

Meu texto

Mas e se precisássemos dizer ao navegador que este texto teria de ser azul? Nesse caso apenas o comando \u201cp\u201d não é o suficiente. Para informar ao navegador que o texto será azul teríamos de construir uma linha de comando mais ou menos assim:

Meu texto

Nesse caso utilizamos tag \u201cp\u201d juntamente com o atributo style (estilo) e o valor color : blue (ou cor: azul)

ESTRUTURA DE UMA PÁGINA HTML

O inglês língua original não aceita acentos e você escreveu seu texto em português e ele aceita acentos então você precisa avisar o navegador que o texto está em português e em português há a utilização de acentos e caracteres especiais tais com ç. Para avisar o navegador que o texto digitado utiliza acentos adicionaremos ao nosso código a seguinte linha de comando:

Essa linha de comando serve, basicamente então para estabelecer a codificação dos caracteres a serem apresentados pelo navegado.

O valor \u201cutf-8\u201d codifica os caracteres no sistema UNICODE, que é um sistema que permite aos computadores representa e manipular o texto de qualquer sistema de escrita.

Importância de cada de cada uma dessas TAGS e suas funções

- A declaração deve ser a primeira instrução em um documento HTML. Essa é a instrução para que o navegador saiba qual versão de linguagem de marcação está sendo utilizada, nesse caso é o HTML5.

Não pode existir nem mesmo uma linha antes dessa declaração

- O elemento html é a raiz de um documento HTML. É pelo uso dele que conseguimos definir onde começa e termina um documento desse tipo.

Sendo assim o conteúdo da página deverá estar contigo entre a tag de abertura e de fechamento desse elemento.

OBS: dentro da tag pode ser colocado o atributo lang=\u201dpt-br\u201d.

- A utilização deste atributo é importante para que os navegadores, sistemas de busca, leitores de tela e outros sistemas possam detectar corretamente o idioma que a página foi escrita.

- É uma tag que define a \u201ccabeça\u201d do documento HTML. Com essa tag é possível inserir informações a respeito da página.

- Essa tag define o título da sua página. Esse é o título que aparece na guia do navegador quando a página é carregada.

- Entre a abertura e o fechamento desse comando você deve colocar todo o conteúdo que deseja apresentar aos usuários da web quando visitarem sua página.

LEMBRE-SE

Na cabeça vão as informações sobre a página \u2013 no head.

No corpo vão os conteúdos das páginas \u2013 no body .

- Com a tag h1 (heading ou cabeçalho) é possível destacar o conteúdo do cabeçalho da página. Esse comando deixa o texto contido nele em destaque e com uma maior visibilidade.

Ele pode ser subdividido em 6 níveis,

- Apresentar parágrafos com textos diversos em sua página. Entre as tags de abertura e fechamento desse comando você pode colocar todo o texto do parágrafo.

LINHA DE COMENTÁRIO

Pode ser inserida no código HTML sem que tais comentários apareçam na apresentação da página da web.

TAG

Origem em Inglês

Descrição

!DOCTYPE html

---

Indicar ao navegador o uso do HTML5

html

Hypertext markup language

Marcar o início e fim do documento html

head

Head

Marcar o início e fim \u201ccabeça\u201d da pagina

Title

Inserir informações referentes ao título da página

Body

Marcar o início e fim da área onde o conteúdo será apresentado

H1 a h6

Heading

Marcar início e fim de cabeçalhos

P

Paragraph

Marcar início e fim dos parágrafos

!\u2014faça umà

--

Inserir comentários

SINTAX E ESTRUTURAÇÃO DA PÁGINA HTML

UNINOVE

Desenvolvimento de Aplicações e Internet

Continue navegando

Materiais relacionados

Perguntas relacionadas

oda linguagem, independentemente que seja de programação, ou de marcação, deve seguir uma sintaxe e uma estruturação. Para essa questão, tem-se, en...

Com relação à sintaxe " body {color: red; text-family: Arial} ", assinale a alternativa CORRETA: A Está sendo ajustada apenas a cor do fonte do c...

Com relação à sintaxe body {font-family: Tahoma; text-align: center}, assinale a alternativa CORRETA: A Apenas altera o tipo de fonte. B Apenas a...

Qual é a composição de página mais simples de HTML? a. HTML, HEAD, TITLE, BODY. b. HTML, TITLE, XML, JAVASCRIPT. c. TITLE, HTML, HEAD, XML. d. TI...

Outros materiais