Dicas básicas de marcação de HTML Hyper Text Markup Language / Linguagem de Marcação de Hipertexto

Tamanho: px

Começar a partir da página:

Download "Dicas básicas de marcação de HTML Hyper Text Markup Language / Linguagem de Marcação de Hipertexto"

Kléber Herman Sanches Caetano
8 Há anos
Visualizações:

1 Hyper Text Markup Language / Linguagem de Marcação de Hipertexto - Linguagem de marcação utilizada para estruturar documentos de texto e de multimídia e criação de links de hipertexto entre documentos. - Códigos incorporados no texto que definem páginas da web. - Hipertexto: texto ao qual se agregam outros conjuntos de informação (Wikipédia). <tag abertura> Conteúdo </tag fechamento> <a> Conteúdo </a> Conteúdo Conteúdo <h1> Conteúdo </h1> <img/> <hr/> Tags vazias 1

- Códigos incorporados no texto que definem páginas da web.

2 Hyper Text Markup Language / Linguagem de Marcação de Hipertexto Estrutura básica/inicial <html> <head></head> <body></body> </html> 2

3 Estrutura básica/inicial <html> <head> Aqui dentro vão algumas instruções para o funcionamento da página. </head> <body> Aqui dentro vão os conteúdos que aparecem na página/site. </body> </html> 3

4 Sobre organização do código <html> <head> Aqui dentro vão algumas instruções para o funcionamento da página. </head> <body> Aqui dentro vão os conteúdos que aparecem na página/site. </body> </html> É igual a <html><head>aqui dentro vão algumas instruções para o funcionamento da página.</head><body>aqui dentro vão os conteúdos que aparecem na página/site.</body></html> 4

</head> <body> Aqui dentro vão os conteúdos que aparecem na página/site.

5 Estrutura básica/inicial com conteúdos <html> <head> <title>título da página</title> </head> <body> este é o primeiro parágrafo. este é o segundo parágrafo. este é o terceiro parágrafo. </body> </html> 5

6 Estrutura básica/inicial com conteúdos <html> <head> <title>título da página</title> </head> <body> <h1>título da página (conteúdo).</h1> este é o primeiro parágrafo. este é o segundo parágrafo. </body> </html> 6

7 Estrutura básica/inicial com conteúdos <html> <head> <title>título da página</title> </head> <body> <h1>este é um título</h1> este é o primeiro parágrafo com uma palavra em negrito. </body> </html> 7

8 Exemplo de parágrafo a loja de aplicativos do Google passará por algumas mudanças que devem torná-la mais eficiente. Ela ganhará uma zona familiar, com aplicativos apropriados para crianças pequenas e com aplicativos de personagens populares, como Bob Esponja. Ele também ganhará um novo sistema de busca, que agrupa os resultados em subcategorias quando for adequado. Por exemplo, os resultados da busca por compras poderão ser agrupados em categorias como moda e cupons. 8

9 Exemplo de parágrafo com outras marcações internas a loja de aplicativos do google passará por algumas mudanças que devem torná-la mais eficiente. Ela ganhará uma zona familiar , com aplicativos apropriados para crianças pequenas e com aplicativos de personagens populares, como bob Esponja. Ele também ganhará um novo sistema de busca, que agrupa os resultados em subcategorias quando for adequado. Por exemplo, os resultados da busca por compras poderão ser agrupados em categorias como moda e cupons. 9

Ela ganhará uma <p> zona familiar </b>, com aplicativos apropriados para crianças pequenas e com aplicativos de personagens

10 Exemplo de parágrafo com outras marcações internas a loja de aplicativos do <a>google</a> passará por algumas mudanças que devem torná-la mais eficiente. Ela ganhará uma zona familiar , com aplicativos apropriados para crianças pequenas e com aplicativos de personagens populares, como bob Esponja. Ele também ganhará um novo sistema de busca, que agrupa os resultados em subcategorias quando for adequado. Por exemplo, os resultados da busca por compras poderão ser agrupados em categorias como moda e cupons. 10

Ela ganhará uma <b> zona familiar </b>, com aplicativos apropriados para crianças pequenas e com aplicativos de personagens

11 Exemplo de parágrafo com outras marcações internas (com URL) a loja de aplicativos do <a href= >Google</a> passará por algumas mudanças que devem torná-la mais eficiente. Ela ganhará uma zona familiar , com aplicativos apropriados para crianças pequenas e com aplicativos de personagens populares, como bob Esponja. Ele também ganhará um novo sistema de busca, que agrupa os resultados em subcategorias quando for adequado. Por exemplo, os resultados da busca por compras poderão ser agrupados em categorias como moda e cupons. 11

Ela ganhará uma <p> zona familiar </b>, com aplicativos apropriados para crianças pequenas e com aplicativos de personagens populares, como

12 Sobre TAGS, atributos e valores <a href= >Texto do Link</a> Tag de abertura Nome do Atributo Valor do Atributo Conteúdo que será visualizado e servirá como link Tag de fechamento <a href= target= _blank >Texto do Link</a> <img src= endereço-da-imagem /> 12

Conteúdo que será visualizado e servirá como link Tag de fechamento <a

13 Exemplo de parágrafo com outras marcações internas a loja de aplicativos do Google passará por algumas mudanças que devem torná-la mais eficiente. Ela ganhará uma zona familiar, com aplicativos apropriados para crianças pequenas e com aplicativos de personagens populares, como Bob Esponja. ele também ganhará um novo sistema de busca, que agrupa os resultados em subcategorias quando for adequado. Por exemplo, os resultados da busca por compras poderão ser agrupados em categorias como moda e cupons. 13

Ela ganhará uma zona familiar, com aplicativos apropriados para crianças pequenas e com aplicativos de personagens populares,

14 Encontre o erro a loja de aplicativos do google passará por algumas mudanças que devem torná-la mais eficiente. Ela ganhará uma zona familiar , com aplicativos apropriados para crianças pequenas e com aplicativos de personagens populares, como bob Esponja. ele também ganhará um novo sistema de busca, que agrupa os resultados em subcategorias quando for adequado. Por exemplo, os resultados da busca por </a> compras <a> poderão ser agrupados em categorias como moda e cupons.</a> 14

Documentos relacionados

INTRODUCAO DESENVOLVIMENTO E DESIGN DE WEBSITES INTRODUÇÃO. Professor Carlos Muniz

INTRODUCAO DESENVOLVIMENTO E DESIGN DE INTRODUÇÃO INTRODUÇÃO A linguagem HTML (Hipertext Markup Language Linguagem de Marcação de Hipertexto) é usada para divulgar páginas na World Wide Web, o serviço