Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza
|
|
- Lucas Gabriel Bentes Coimbra
- 7 Há anos
- Visualizações:
Transcrição
1 Webdesign HTML Introdução a HTML e as principais tags da linguagem
2 Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em:
3 Objetivos Apresentar a HTML Apresentar as principais Tags do HTML
4 HTML HTML significa linguagem de marcação de hipertextos. Utilizada para construção de páginas para Internet. Na forma de documentos interpretados por aplicativos denominados navegadores (browser). Um hipertexto é um documento que combina textos, imagens, sons, vídeos, animações, interações e ligações com outros documentos.
5 HTML Hyper Text Markup Language: não é uma linguagem de programação; - Linguagem de Marcação Documento HTML: formato texto, portanto pode ser feito em qualquer editor simples de texto; extensão.htm ou.html; visualizado no navegador (eg. firefox, ie, chrome);
6 HTML Um documento HTML é formado através de etiquetas (TAGs), as quais são constituídas na forma <...> A maioria das etiquetas tem uma correspondente de abertura <...> e outra de fechamento </...> Ex: <HTML> </HTML> Podem ser escritas em maiúsculas ou minúsculas.
7 Tags HTML Tags HTML são palavras-chave entre colchetes angulares como <html> Tags HTML normalmente vêm em pares, como <b> e </ b> A primeira tag em um par é a tag de início, a segunda tag é a tag final Marca inicial e final são também chamados de abertura tags e fechamento de tags Documentos HTML = Páginas Web
8 Sintaxe HTML Tag: <tag>... </tag> Tag com atributos: <tag atributo1=... atributo2=... >... </tag> Tag sem marcador final: <tag /> Tag com atributos e sem marcador final: <tag atributo1=... atributo2=... />
9 Exemplo HTML Abrir o Bloco de Notas e digitar o seguinte texto: <html> <head> </head> <body> <h1>página de Teste</h1> <p> Olá! Este é um exemplo de código HTML.</p> </body> </html> Criar uma pasta com seu nome e Salvar o arquivo com o nome exemplo1.html
10 Exemplo HTML O texto entre <html> e </html> descreve a página web O texto entre <body> e </ body> é o conteúdo da página visível O texto entre <h1> e </ h1> é exibida como um título O texto entre <p> e </ p> é exibido como um parágrafo
11 HTML
12 HTML No cabeçalho vão informações como: <title> para definição do título da página. <style> definição de formatação do conteúdo. <script> programação de conteúdo dinâmico. <link> para ligação de arquivos externos. <meta> define meta informações da página.
13 HTML Comentários <!-- --> para inserção de comentários. <! Primeira página em HTML --> <html> <head> <title>página teste...</title> </head> <body> Primeira página em HTML. <hr color="red"> </body> </html>
14 HTML Títulos <H1>... </H1>, <H2>... </H2> e <H3>... </H3> <html> <head> <title>página teste...</title> </head> <body> <h1>título em formato H1</h1> <h2>título em formato H2</h2> <h3>título em formato H3</h3> </body> </html>
15 HTML Parágrafos <p>... </p> Define um parágrafo com quebra de linha e inserção de uma linha de separação entre os parágrafos. <html> <head> <title>página teste...</title> </head> <body> <p>este é um parágrafo.</p> <p>este é um segundo parágrafo.</p> </body> </html>
16 HTML Parágrafos
17 HTML Formatação do texto <i>... </i> texto em itálico. <em>... </em> Ênfase com a mesma formatação do Itálico <b>... </b> texto em negrito. <strong> </strong> Ênfase com a mesma formatação do Negrito <sup>... </sup> sobrescrito. <sub>... <sub> subscrito. <blockquote>... </blockquote> identado. <address>... </address> endereço. <del>...</del> Risca o Texto
18 HTML Tag <br /> - Quebra de Linhas Caso você queira simplesmente mudar de linha, ao invés de mudar de parágrafo, coloque a tag <br />
19 HTML Tag <hr /> - Linha Uma tag que desenha uma linha na tela. Pode ser utilizada para separar conteúdo.
20 HTML Listas Ordenadas Uma lista ordenada inicia com <ol> e finaliza com </ol> Cada item da lista inicia por <li> e finaliza com </li> <ol> <li>café</li> <li>leite</li> </ol>
21 HTML Listas Ordenadas Uma lista ordenada consiste em criar uma lista com numeração. A tag para criar uma lista ordenada é a tag ol (ordened list). Cada item da lista deve ter o comando li (list item): <ol> <li> Primeiro item da lista </li> <li> Segundo item da lista </li> </ol>
22 HTML Listas Ordenadas O comando ol tem os seguintes parâmetros: Start escolher em que posição sua lista ira iniciar Type escolher o tipo de numerador pra lista entre: 1 / i / I / a / A <ol start= 3 type= a > <li> Primeiro item da lista </li> <li> Segundo item da lista </li> </ol>
23 HTML Listas Desordenadas Uma lista desordenada consiste em criar uma lista com marcadores. A tag para criar uma lista ordenada é a tag ul (unordened list). Cada item da lista deve ter o comando li (list item): <ul> <li> Primeiro item da lista </li> <li> Segundo item da lista </li> </ul>
24 HTML Listas Desordenadas O comando ul tem os seguintes parâmetros: Type escolher o tipo de marcador pra lista entre: square / circle / disc <ul type= square > <li> Primeiro item da lista </li> <li> Segundo item da lista </li> </ul>
25 Endereços na Internet Um objeto na internet possui uma URL Também conhecido como endereço eletrônico Exemplos: Portal do IFBA: Facebook: Site de busca do Google:
26 Endereço Absoluto O endereço absoluto inclui o protocolo, o domínio e o caminho no servidor para a página ou localização do recurso É independente da página atual.
27 Endereço Relativo É o endereço para a localização do objeto a partir da página atual Usará o domínio e o caminho da página que está visualizando para montar a URL dos objetos
28 Endereço Relativo É o endereço para a localização do objeto a partir da página atual Usará o domínio e o caminho da página que está visualizando para montar a URL dos objetos
29 HTML Hyperlinks <a>... </a> Permite a criação de elos entre páginas ou seções de um hiperdocumento.
30 HTML Criação de elos entre documentos <! Primeira página em HTML --> <html> <head> <title>página teste...</title> </head> <body> <a href="segundo.html>leva a próxima página.</a> </body> </html>
31 HTML Imagens <img src= arquivo alt= texto alternativo /> Permite a inserção de imagens em um documento HTML. src define o caminho e nome do arquivo a ser inserido. alt define um texto alternativo caso a imagem não seja carregada. Ex: <img src="barco.gif" alt= Um barco" />
32 HTML ALT O parâmetro alt é utilizado para quando a imagem não for carregada exibir um texto(no mesmo local da imagem) ALTernativo, este texto também é exibido quando o cursor estiver sobre a imagem. <img src= bat.jpg alt= Cartaz do Batman >
33 HTML Imagens WIDTH e HEIGHT Atributos de dimensão largura e altura da imagem, em pixels. Grande parte dos Uma das vantagens de se usar esses atributos é que o browser pode montar mais rapidamente as páginas, por saber de antemão o espaço que deverá ser reservado a elas. Formato: <img src="endereço_imagem alt="descrição_imagem width="largura" height="altura >
34 HTML Imagens Com o comando img podemos inserir uam imagem na página. <img src= caminho\da\imagem > Existem parâmetros para: Alterar altura e largura: height / width, os valores devem ser em pixel(não utiliza nenhum simbolo) ou porcentagem (%) <img src= foto.jpg width= 10% > <img src= foto.jpg width= 100 > No primeiro exemplo a imagem será exibida com á largura de 10% de seu tamanho original, já no segundo a imagem será exibida com á largura de 100 pixels.
35 HTML Criando Tabelas Uma tabela é formada por linhas e colunas Linha Coluna
36 HTML Criando Tabelas Para criar a tabela anterior segue código: <table> <tr> <td>... </td> <td>... </td> <td>... </td> </tr> <tr> <td>... </td> <td>... </td> <td>... </td> </tr> </table>
37 HTML <table> ABRE UMA TABELA <tr> ABRE UMA LINHA <td> Segunda </td> UMA COLUNA <td> Terça </td> UMA COLUNA <td> Quarta </td> UMA COLUNA <td>quinta</td> UMA COLUNA </tr> FECHA UMA LINHA </table> FECHA A TABELA
Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza
Webdesign HTML Introdução a HTML e as principais tags da linguagem Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Apresentar a HTML
Leia maisAutoria Web HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza
HTML Introdução a HTML e as principais tags da linguagem Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Apresentar a HTML Apresentar
Leia maisWebdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza
Webdesign Introdução a e as principais tags da linguagem Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Apresentar a Apresentar as
Leia mais20/02/2014. <HTML> Introdução </HTML> Web
Introdução 1 Web 2 1 Web 3 Web 4 2 Web 5 Browsers 6 3 Editores 7 Editores 8 4 Aula Teórica-prática Etiquetas (tags) base Etiqueta principal e que deve abranger todo o código;
Leia maisINTRODUÇÃO A PROGRAMAÇÃO PARA WEB
INTRODUÇÃO A PROGRAMAÇÃO PARA WEB PROF. ME. HÉLIO ESPERIDIÃO Navegador O navegador também conhecido como web browser é um programa que habilita seus usuários a interagirem com documentos hospedados em
Leia maisConstrução de sites Aula 1
Construção de sites Aula 1 Programa Instrutor Universidade Federal do Paraná Pró-reitoria de Assuntos Estudantis Departamento de Informática 31 de Julho de 2010 Indice Estrutura da Internet 1 Estrutura
Leia maisRoteiro 01. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Desenvolvimento de Sistemas. Disciplina: Programação para WEB I
Roteiro 01 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Desenvolvimento de Sistemas Disciplina: Programação para WEB I Roteiro 01 Objetivos Apresentar os conceitos básicos do HTML Conhecer os recursos
Leia maisHTML: INTRODUÇÃO TAGS BÁSICAS
HTML: INTRODUÇÃO TAGS BÁSICAS CURSO TÉCNICO DE INFORMÁTICA MODALIDADE SUBSEQÜENTE DESENVOLVIMENTO WEB I PROF. ALEXANDRO DOS SANTOS SILVA 1 1 SUMÁRIO Definição Editores HTML Estrutura básica de um documento
Leia maisRoteiro 01. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Engenharia de Computação. Disciplina: Programação para WEB
Roteiro 01 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Engenharia de Computação Disciplina: Programação para WEB Roteiro 01 Objetivos Apresentar os conceitos básicos do HTML Criar listas em páginas
Leia maisIntrodução 1ª Parte Web Web Web Web Browsers Editores Editores Etiquetas (tags) base indica que se trata de uma página escrita em linguagem HTML. Esta deve abranger todo o código;
Leia maisTarlis Portela Web Design HTML
Tarlis Portela Web Design HTML HTML Definição HTML (acrônimo para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) ; É uma linguagem de marcação utilizada
Leia maisHiperlinks. Hiperlinks. Hiperlinks. Tag <a></a> Hiperlinks 07/05/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 2 Documentos hipertexto permitem estabelecer fluxos
Leia maisElementos Básicos HTML e Formatação de textos
Elementos Básicos HTML e Formatação de textos O Html é uma linguagem de marcação (markup languages em inglês). As linguagens que combinam texto com informações extras sobre o texto. Essas informações extras
Leia maisTECNOLOGIA WEB INTRODUÇÃO CONSTRUÇÃO DE PÁGINAS ESTÁTICAS HTML / XHTML
INTRODUÇÃO CONSTRUÇÃO DE PÁGINAS ESTÁTICAS HTML / XHTML 1 INTRODUÇÃO TECNOLOGIA WEB Começaremos desvendando o poder do desenvolvimento de aplicações baseadas na Web com a XHTML (Extensible HyperText Markup
Leia mais3. Construção de páginas web Introdução ao HTML
3. Construção de páginas web 3.1. Introdução ao HTML 1 Introdução ao HTML O HTML, HyperText Markup Language, foi desenvolvido para especificar a organização lógica de um documento com extensões de hipertexto,
Leia maisAlgoritmia e Programação APROG HTML. Introdução. Nelson Freire (ISEP DEI-APROG 2014/15) 1/15
APROG Algoritmia e Programação HTML Introdução Nelson Freire (ISEP DEI-APROG 2014/15) 1/15 O que é o HTML? Sumário Geral Documento HTML Elemento HTML Estrutura Básica de Documento HTML Elementos Títulos
Leia maisINTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 2
1 INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 2 Rhavy Maia Guedes rhavy.maia@gmail.com Hiperlinks
Leia mais17/01/2016 PROGRAMAÇÃO EM AMBIENTE WEB I UM POUCO DE HISTÓRIA WWW. Tudo começou com a ARPANET; 1977 ARPANET nasce
PROGRAMAÇÃO EM AMBIENTE WEB I Prof. Esp. Fabiano Taguchi fabianotaguchi@gmail.com http://fabianotaguchi.wordpress.com UM POUCO DE HISTÓRIA Tudo começou com a ARPANET; 1977 ARPANET nasce 1987 Das universidades,
Leia maisLinguagem XHTML -Aula 3 Cleverton Hentz
Linguagem XHTML -Aula 3 Cleverton Hentz Sumário da Aula Tags Básicas da Linguagem Lista Ordenadas e não ordenadas Imagens, Links e Âncoras 2 Tags Básicas: Trabalhando com Texto Existem algumas tags que
Leia maisPROGRAMAÇÃO EM AMBIENTE WEB I
PROGRAMAÇÃO EM AMBIENTE WEB I Prof. Esp. Fabiano Taguchi fabianotaguchi@gmail.com http://fabianotaguchi.wordpress.com UM POUCO DE HISTÓRIA Tudo começou com a ARPANET; 1977 ARPANET nasce 1987 Das universidades,
Leia maisPROFESSORA MERRIS MOZER. Mestranda em Metodologias para o Ensino de Linguagens e suas Tecnologias
PROFESSORA MERRIS MOZER Mestranda em Metodologias para o Ensino de Linguagens e suas Tecnologias INTRODUÇÃO AO DESENVOLVIMENTO DE SISTEMAS WEB Aula 1 HTML INTRODUÇÃO O que é HTML? INTRODUÇÃO HTML ou Hypertext
Leia maisFIC de Introdução ao Desenvolvimento Front-End de Sites e Sistemas Web. Prof. Miguel Zarth
FIC de Introdução ao Desenvolvimento Front-End de Sites e Sistemas Web Prof. Miguel Zarth Tópicos desta aula HTML Títulos Listas Introdução aos atributos de TAG Títulos A TAG que deve ser usada
Leia maisHTML - Definição e Conceitos
1 HTML - Definição e Conceitos HTML e uma abreviação para Hyper Text Markup Language ou Linguagem de Marcação de Hipertexto. É uma linguagem utilizada pra criação de páginas para a internet que serão "interpretadas"no
Leia maisHTML. Conceitos básicos de formatação de páginas WEB
HTML Conceitos básicos de formatação de páginas WEB HTML HyperText Markup Language Linguagem utilizada para criar hipertexto na web Ou seja, criar documentos estruturados utilizando para tal um conjunto
Leia maisAULA 01 Introdução (HTML, CSS e Javascript) PROGRAMAÇÃO PARA WEB Marcelo Henrique dos Santos
AULA 01 Introdução (HTML, CSS e Javascript) Mestrado em Educação (em andamento) MBA em Negócios em Mídias Digitais MBA em Marketing e Vendas Especialista em games : Produção e Programação Bacharel em Sistema
Leia maisHTML BÁSICO E TEMPLATE VIEW. Gabrielle Amorim Porto
HTML BÁSICO E TEMPLATE VIEW Gabrielle Amorim Porto HTML BÁSICO E TEMPLATE VIEW Hypertext Markup Language Linguagem de marcação de hipertexto; Descreve a estrutura das páginas Web utilizando tags. HTML
Leia maisTECNOLOGIA WEB. XHTML Aula 5. Profa. Rosemary Melo
TECNOLOGIA WEB XHTML Aula 5 Profa. Rosemary Melo HTML (Hiper Text Markup Language) Linguagem de marcação de hipertexto Comum especificar o conteúdo do documento e sua formatação em um só documento HTML.
Leia maisSIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS HTML Como utilizar cabeçalhos e elementos de cabeçalhos de página em HTML Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste
Leia maisHTML & CSS. uma introdução
HTML & CSS uma introdução HTML hypertext markup language CSS cascading style sheet linguagem de marcação que dá ao conteúdo estrutura e significado linguagem de estilo que dá ao conteúdo estilo e aparência
Leia maisIntrodução à linguagem HTML. Volnys Borges Bernal
1 Introdução à linguagem HTML Volnys Borges Bernal 2013-2015 Volnys Bernal 2 Introdução à linguagem HTML Sumário Visão geral Primeira página Principais tags Principais atributos Formulários 2011-2015 Volnys
Leia maisInformática I. Aula 3. Aula 3-03/09/2007 1
Informática I Aula 3 http://www.ic.uff.br/~bianca/informatica1/ Aula 3-03/09/2007 1 Ementa Noções Básicas de Computação (Hardware, Software e Internet) HTML e Páginas Web Internet e a Web Javascript e
Leia maisFormatação de Textos e Caracteres
Formatação de Textos e Caracteres Os comandos de formatação de caracteres são divididos em dois grupos: lógicos e físicos. Estilos físicos: ... - destaca o texto em negrito ... - exibe o
Leia maisTabelas. Uma célula de dados pode conter texto, imagens, listas, parágrafos, formulários, linhas horizontais, etc. <table> <tr>
Tabelas HTML Tabelas Tabelas São definidas pela tag Uma tabela é dividida em linhas -com a tag Cada linha divida em células de dados (com a tag ). As letras td são um acronimo
Leia mais<title>introdução a HTML</title>
introdução a HTML programação para a Internet prof. Vilson Heck Junior O que é HTML Hypertext Markup Language: Linguagem de Marcação de Hipertexto; É uma coleção de TAGs
Leia maisVolnys Bernal. Introdução à linguagem HTML. Introdução à linguagem HTML. Visão geral. Visão geral. Visão geral. Visão geral.
1 2 Introdução à linguagem HTML Sumário Volnys Borges Bernal Primeira página Principais tags Principais atributos 3 4 HTML HTML = HyperText Markup Language Linguagem de marcação (Markup) para criação de
Leia maisCurso PHP Básico. Jairo Charnoski do Nascimento
Curso PHP Básico Jairo Charnoski do Nascimento Agenda Ferramentas necessárias Introdução HTML HTML? Tags Construindo seu primeiro website Observações sobre a estrutura Mais tags Atributos Agenda Cores
Leia maisLinks, Imagens e Tabelas
Links, Imagens e Tabelas Criar um link em um texto significa estabelecer uma ligação com outra página, outro texto, que o leitor pode abrir clicando numa palavra, grupo de palavras ou em uma imagem. Para
Leia maisMini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva
Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva Aula 1 Breve introdução de HTML, Conceitos básicos de PHP, Sintaxe, Separador de instruções e Comentários (Cap 1
Leia maisHTML. HyperText Markup Language. Elaborado por Marco Soares
HTML HyperText Markup Language 1 HTML É uma linguagem de marcação utilizada para produzir páginas web As páginas web ou documentos html podem ser interpretados por navegadores web/browsers tais como Google
Leia maisREDES DE COMUNICAÇÃO. 11º - ANO Professor: Rafael Henriques
16-01-2019 Redes de Comunicação - Prof. Rafael Henriques 1 REDES DE COMUNICAÇÃO 11º - ANO Professor: Rafael Henriques E-mail: prof@rafaelhenriques.com Apresentação módulos 4 - Desenvolvimento de Páginas
Leia maisDicas básicas de marcação de HTML Hyper Text Markup Language / Linguagem de Marcação de Hipertexto
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.
Leia maisCOM222 DESENVOLVIMENTO DE SISTEMAS WEB. Aula 01: HTML e CSS
COM222 DESENVOLVIMENTO DE SISTEMAS WEB Aula 01: HTML e CSS 2 Conteúdo Noções introdutórias HTML CSS HTML: HyperText Markup Language 3 Linguagem usada para construir páginas Web Função principal Estruturar
Leia maisFerramentas para Multimídia e Internet - 1486
1 Ferramentas para Multimídia e Internet - 1486 HTML BÁSICO: O que é uma página WEB? Uma página WEB, também conhecida pelo termo inglês webpage, é uma "página" na World Wide Web, geralmente em formato
Leia maisDesenvolvimento Web. XHTML tag head e tags de texto. Professor: Bruno Gomes
INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA CURSO TÉCNICO INTEGRADO EM INFORMÁTICA CAMPUS CURRAIS NOVOS Desenvolvimento Web XHTML tag head e tags de texto Professor: Bruno Gomes 2012 INTRODUÇÃO
Leia maisHTML. Um documento HTML é constituído por um conjunto de TAGS (ex. html, head, body, etc.).
HTML Um documento HTML é constituído por um conjunto de TAGS (ex. html, head, body, etc.). Para se criar um novo documento HTML pode-se utilizar o Bloco de Notas, bastando para tal gravar o documento com
Leia maisDesenvolvimento Web. HTML 5 Parte I. Prof. Vicente Paulo de Camargo
Parte I Prof. Vicente Paulo de Camargo Páginas com podem ser desenvolvidas com editor de texto simples Existem, no entanto, alguns editores interessantes, que facilitam a edição de páginas É o caso de
Leia maisDezembro/2012. Universidade Federal Fluminense. Curso de Introdução ao HTML. SeTel- Grupo PET-Tele. Adicionando links e imagens. Tabelas.
Universidade Federal Fluminense Dezembro/2012 1 2 3 4 5 6 7 8 Informações principais Base da Web: - Um esquema de nomes para localização de fontes de informação na Web : URL. - Um Protocolo de acesso para
Leia maisINTRODUÇÃO ÀS APLICAÇÕES PARA WEB
INTRODUÇÃO ÀS APLICAÇÕES PARA WEB Material cedido pelo prof. Francisco Dantas Nobre Neto Professor: Rhavy Maia Guedes E-mail: rhavy.maia@gmail.com, rhavymg.wordpress.com Sites vs Aplicativos Web Aplicativos
Leia maisMódulo 17E. Revisões de HTML. A) Noções básicas de HTML (cont.)
Módulo 17E Revisões de HTML A) Noções básicas de HTML (cont.) Inserção de Imagens A inserção de imagens em documentos HTML é feita através da tag (que não tem tag de fecho). A indicação do local
Leia maisA linguagem Hyper Text Markup Language (HTML)
A linguagem Hyper Text Markup Language (HTML) Nota: Contém material utilizado no curso de HTML do Instituto Superior de Engenharia de Lisboa (ISEL) Ultima actualização: 15-10-2006 O que é? Linguagem para
Leia maisTags estruturais <!-- --> Cria um comentário <html> </html> Envolve todo um documento html <head> </head> Envolve o cabeçalho de um documento html
Tags estruturais Cria um comentário Envolve todo um documento html Envolve o cabeçalho de um documento html Fornece informações gerais sobre o documento
Leia maisHTML? HTML? HTML? HTML e HTTP. HTML e HTTP 26/02/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 HTML? INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 1 Hypertext Markup Language (Linguagem de
Leia maisFábio Borges de Oliveira. HTML HyperText Markup Language
Fábio Borges de Oliveira HTML HyperText Markup Language Iniciando Código É a primeira tag de um documento HTML, nas primeiras versões dos browsers essa tag era obrigatória. Propriedade que
Leia maisHTML (HyperText. Markup Language)
Pontifícia Universidade Católica do Rio Grande do Sul PUCRS Faculdade de Informática HTML (HyperText Markup Language) Prof. Fabiano Passuelo Hessel Profª. Leticia Lopes Leite Julho de 2002. 1. Introdução
Leia maisQUEM FEZ O TRABALHO?
Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA 1 QUEM FEZ O TRABALHO? Com as tagsaprendidas hoje, faça uma página HTML sobre você com as seguintes informações: Seu nome
Leia maisRoteiro 2: Conceitos de Tags HTML
Roteiro 2: Conceitos de Tags HTML Objetivos Detalhar conceitos sobre TAGS HTML: elementos, atributos, elemento vazio, links. Implementar páginas de internet com uso da linguagem HTML; Ferramentas Necessárias
Leia maisO que faz um servidor/navegador web? 14/03/2016 Rômulo da Silva Lima Slid e 2
HTML O que faz um servidor/navegador web? e 2 O que é? HyperText Markup Language Utilizada para produzir páginas WEB Documentos escritos na linguagem HTML podem ser traduzidos por browser O HTML utiliza
Leia maisMódulo 17E. Revisões de HTML. A) Noções básicas de HTML
Módulo 17E Revisões de HTML A) Noções básicas de HTML Estrutura básica de um documento Um documento HTML começa com a tag de abertura e termina com a tag de fecho . De seguida, temos a considerar
Leia maisProjeto Integrador. Pesquisa HTML5. Green Friday. Gestão em Tecnologia da Informação. Turma 1º B
Projeto Integrador Green Friday Pesquisa HTML5 Gestão em Tecnologia da Informação Turma 1º B Versão : 1.0.0 Equipe Cristiano Margarida Rodrigues Idealização e arquitetura Tiago Dariel Gois Marques - Teste
Leia maisDesenvolvedor Web Docente André Luiz Silva de Moraes
Roteiro 2: Introdução a Linguagem HTML Neste roteiro é explorada a linguagem HTML. A linguagem HTML (Hypertext Markup Language) é amplamente utilizada na construção de páginas de internet e é responsável
Leia maisIntrodução a HTML. André Tavares da Silva.
Introdução a HTML André Tavares da Silva andre.silva@udesc.br HTML HiperText Markup Language Linguagem de marcação para criar páginas Web Formada por textos e comandos chamados tags (etiquetas/rótulos)
Leia maisProgramação para Internet I
Programação para Internet I Aula 05 e 06 Fernando F. Costa nando@fimes.edu.br 1 Tags de Formatação de Texto - Permite que um texto se mova de um lado para o outro da página. Sintaxe:
Leia maisDesenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes
Roteiro 2: Introdução a Linguagem HTML Desenvolvimento de Sites com PHP e Mysql Neste roteiro é explorada a linguagem HTML. A linguagem HTML (Hypertext Markup Language) é amplamente utilizada na construção
Leia mais1 Introdução ao HTML e formatação de texto
1 Introdução ao HTML e formatação de texto Vinicius A. de Souza va.vinicius@gmail.com São José dos Campos, 2011. 1 Sumário Desenvolvimento Web Introdução...3 Uma visão geral do HTML...3 Estrutura do documento...3
Leia maisINTRODUÇÃO A PROGRAMAÇÃO AVANÇADA PARA WEB E AO HTML. Prof. Msc. Hélio Esperidião
INTRODUÇÃO A PROGRAMAÇÃO AVANÇADA PARA WEB E AO HTML Prof. Msc. Hélio Esperidião NAVEGADOR O navegador também conhecido como web browseré um programa que habilita seus usuários a interagirem com documentos
Leia maisTAGS. O HTML trabalha com o sistema de tags (etiquetas). Esse sistema funciona da seguinte maneira. <tag>conteúdo da tag</tag>
HTML DDW TAGS O HTML trabalha com o sistema de tags (etiquetas). Esse sistema funciona da seguinte maneira. conteúdo da tag Toda tag aberta, deve ser fechada, salvo raras exceções, nesses casos
Leia mais1. HTML - Introdução. Hyper Text Markup Language. É uma linguagem de formatação de conteúdos. Portável. Ficheiros de pequena dimensão
1. HTML - Introdução Hyper Text Markup Language É uma linguagem de formatação de conteúdos Não é uma linguagem de programação Portável Não depende da plataforma em que é vizualizado Ficheiros de pequena
Leia maisHTML. Professor Victor Sotero. html
HTML Professor Victor Sotero html 1 Conceito Linguagem com a finalidade de marcação de hipertexto, sendo assim escritas páginas da web, e interpretada pelo navegador. As páginas contém um código fonte,
Leia maisWebDesign. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br. Escola CDI de Videira
WebDesign Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira Entendendo Alguns Conceitos Antes de prosseguirmos é importante ter em mente o motivo pelo
Leia maisProgramação Web - HTML
Instituto Federal de Minas Gerais Campus Ponte Nova Programação Web - HTML Professor: Saulo Henrique Cabral Silva HTML Início em 1980, Tim Bernes-Lee Implementado Pascal. 1989, o CERN investiu esforços
Leia mais#Aula Nº 2 Marcação XHTML webstandards.samus.com.br webstandards.samus.com.br/aulas/aula2.pdf Vinicius Fiorio Custódio
#Aula Nº 2 Marcação XHTML webstandards.samus.com.br webstandards.samus.com.br/aulas/aula2.pdf Vinicius Fiorio Custódio samus@samus.com.br #Objetivo Descrever os principais elementos da XHTML, Quando, Porque
Leia maisHTML. HyperText Markup Language. v Rui Menino. Tags de marcação. Referência. (Linguagem de marcação de hypertext)
HTML HyperText Markup Language (Linguagem de marcação de hypertext) Tags de marcação Referência v1.1 2008-2017 Rui Menino tags Para formatar e paginar o texto dentro de uma página html, foi definido o
Leia maisAplicação para Web I. Manipulando Imagens e Links
Aplicação para Web I Manipulando Imagens e Links Antes de começar O HTML também é uma linguagem de programação, então deve ser organizada de forma identada também. Estamos aprendendo agora a linguagem
Leia maisCEEP-CENTRO ESTADUAL DE EDUCAÇÃO PROFISSIONAL PEDRO BOARETTO NETO INTERNET E PROGRAMAÇÃO WEB INICIO DE HTML
INICIO DE HTML Neste tutorial usaremos o já conhecido Notepad++ ou Bloco de Notas e um Browser (Chrome, Mozilla ou Internet Explorer). Para nossos exemplos usaremos o Chrome. A estrutura básica de uma
Leia maisDepende de algumas habilidades. O tamanho. Virtualmente ilimitado. Mercado. Estatisticamente crescente.
DevStart Módulo 1: O mercado Depende de algumas habilidades. O tamanho Virtualmente ilimitado. Mercado Estatisticamente crescente. Durante a economia difícil. As possibilidades Durante a economia sadia.
Leia maisCentro de Form. Profissional de Alverca HTML. Sessão 3 HTML. A estrutura básica de uma lista em HTML é:
HTML Sessão 3 HTML Criação de Listas HTML possui 2 tipos de listas: Listas ordenadas = Listas numeradas Listas não-ordenadas = Listas com marcas A estrutura básica de uma lista em HTML é: Reparar: o elemento
Leia maisSumário. 1- Notícias. 1.1 Publicando uma nova notícia Blocos de edição
O site desenvolvido pela SH3 é intuitivo, totalmente gerenciado através de um painel de administração. Nele o usuário responsável será mantenedor de todas as informações e configurações existentes, podendo
Leia maisCurso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2
Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Objetivo. O objetivo da disciplina é conhecer os princípios da programação de
Leia maisCurso de PHP. - Início 22 de agosto. - Término 20 de outubro. - Aulas: segunda e quinta-feira - Horário:18h às 20h. - Carga horária do curso: 40h
Curso de PHP Palestrantes: Marco Aurélio Jefson Farias - Início 22 de agosto Curso de PHP - Término 20 de outubro. - Aulas: segunda e quinta-feira - Horário:18h às 20h. - Carga horária do curso: 40h -
Leia maisProgramação Web Aula 2 XHTML/CSS/XML
Programação Web Aula 2 XHTML/CSS/XML Departamento de Informática UFPR 17 de Fevereiro de 2014 1 Histórico 2 Funcionamento 3 Atributos 4 HTML5 Estrutura de uma arquivo HTML5 Validação Tags básicas Seleção
Leia maisRedes de Computadores I Seminário Novas Tecnologias em Redes HTML5. Jessica da Silva Hahn Letícia Aparecida Coelho
Redes de Computadores I Seminário Novas Tecnologias em Redes HTML5 Jessica da Silva Hahn Letícia Aparecida Coelho Internet HTTP Dois métodos de requisição HTTP são os mais utilizados: GET e POST Outros
Leia maisTecnologias para apresentação de dados - HTML. Aécio Costa
Tecnologias para apresentação de dados - HTML Aécio Costa Apresentação de Dados na Web Tecnologias client-side HTML CSS JavaScript HyperText Markup Language Uma linguagem de marcação utilizada para produzir
Leia maisEste é o primeiro nível Este é o segundo nível Este é o terceiro nível Este é o quarto nível Este é o quinto nível Este é o sexto nível
1. Conhecendo as Tags HTML Agora que já vimos como é um arquivo HTML básico, podemos começar a ver as tags que irão construir as páginas. Elas ficam após o comando e neste local já se pode começar a escrever
Leia mais<HTML> Vinícius Roggério da Rocha
Vinícius Roggério da Rocha www.monolitonimbus.com.br O que é HTML? HTML = HyperText Markup Language ou Linguagem de Marcação de Hipertexto Linguagem: maneira de se comunicar (entre máquinas, pessoas
Leia maisHTML: TEXTOS SUMÁRIO. Cabeçalhos para títulos e sub-títulos Parágrafos
HTML: TEXTOS CURSO TÉCNICO DE INFORMÁTICA MODALIDADE SUBSEQÜENTE DESENVOLVIMENTO WEB I PROF. ALEXANDRO DOS SANTOS SILVA 1 SUMÁRIO Cabeçalhos para títulos e sub-títulos Parágrafos Quebras de linhas Blocos
Leia maisManual do usuário people
Manual do usuário people http://people.ufpr.br/ Sumário 1. O que é?... 3 2. Como é feito o acesso... 3 3. O Que pode ser feito no people.ufpr.br?... 3 4. Espaço de Armazenamento... 3 5. Como é feito a
Leia maisINTRODUÇÃO HTML INTR 1 Formador José Calado
INTRODUÇÃO HTML 1 TAGS Têm identificadores de início e de fecho Contidas entre os sinais de menor, "" Devem ser sempre escritas em minúsculas Exemplo: - Tag de abertura do corpo do documento
Leia maisMini-Curso Expotec 2010 Professores: Paulo Vítor, Jackson, Raimundo, Lucas e Cleverton
Mini-Curso Expotec 2010 Professores: Paulo Vítor, Jackson, Raimundo, Lucas e Cleverton Sumário da Aula Introdução Introdução à XHTML Introdução à Folhas de Estilo (CSS) A Ferramenta Dreamweaver CS4 2 O
Leia maisIntrodução a Web Standards. Reinaldo Ferraz e Clécio Bachini
Introdução a Web Standards Reinaldo Ferraz e Clécio Bachini Document Object Model (DOM) Modelo de Documentos em Objetos Objetos em um Documento Markup Linguagem de Marcação Semântica Objetos com Sentido
Leia maisI. A LINGUAGEM HTML II. TAGS ESTRUTURA BÁSICA DE UM DOCUMENTO HTML
I. A LINGUAGEM HTML A linguagem HTML (Hyper Text Markup Language Linguagem de Marcação de Hipertexto) é uma linguagem utilizada para produzir páginas na Web (WWW World Wide Web), criada por Tim Berners-Lee
Leia maisQuem sou eu? Ana Paula Alves de Lima. Formação: E-mail: paulapeniel@gmail.com
Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA INFORMÁTICA E METODOLOGIA - SUBSEQUENTE 1 Quem sou eu? Ana Paula Alves de Lima Formação: Bacharel em Sistemas de Informação;
Leia maisTecWeb Tecnologias Web. Prof. Esp. Douglas Mariano dos Santos
TecWeb Tecnologias Web Prof. Esp. Douglas Mariano dos Santos Sobre mim Formado na FAU: Faculdade Alfa de Umuarama Sistemas para Internet Formado na FCV MBA em Desenvolvimento para Aplicativos Móveis Trabalhou
Leia maisIntrodução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Elementos da Seção do Corpo Resumo
IntroduçãoàTecnologiaWeb HTML HyperTextMarkupLanguage XHTML extensiblehypertextmarkuplanguage ElementosdaSeçãodoCorpo Resumo ProfªMSc.ElizabeteMunzlinger ProfªMSc.ElizabeteMunzlinger ElementosdaSeçãodoCorpo
Leia maisO que faz um servidor/navegador web? 30/03/2017 Rômulo da Silva Lima Slid e 2
HTML O que faz um servidor/navegador web? e 2 O que é? HyperText Markup Language Utilizada para produzir páginas WEB Documentos escritos na linguagem HTML podem ser traduzidos por browser O HTML utiliza
Leia maisProf. Fernando Gonçalves Abadia. Sistemas Multimídias
Prof. Fernando Gonçalves Abadia Sistemas Multimídias Títulos Títulos são definidos com as tags a . A define o título maior. A define o título menor. este é um título este
Leia maisRoteiro de Estudos e Atividades Avaliativas HTML
Roteiro de Estudos e Atividades Avaliativas HTML Faça essa atividade de forma individual ou em dupla, faça o máximo de questões que conseguir. Pesquise na Web o significado das tags e utilize-as para alcançar
Leia mais1. TÍTULO OPERADOR DE COMPUTADOR 2. EIXO TECNOLÓGICO
1. TÍTULO OPERADOR DE COMPUTADOR 2. EIXO TECNOLÓGICO Informação e Comunicação Escolaridade mínima: ensino fundamental completo; Idade mínima: 16 anos completos; 3. REQUISITOS DE ACESSO Ter concluído o
Leia mais