1 Introdução ao HTML e formatação de texto
|
|
- Diego Fraga Mendonça
- 7 Há anos
- Visualizações:
Transcrição
1 1 Introdução ao HTML e formatação de texto Vinicius A. de Souza va.vinicius@gmail.com São José dos Campos,
2 Sumário Desenvolvimento Web Introdução...3 Uma visão geral do HTML...3 Estrutura do documento...3 Tags para formatação de texto...4 Títulos...4 Parágrafos...5 Negrito, itálico e sublinhado...5 Tags coringas BR e HR...6 Sobrescrito e subscrito...7 Formatação de fonte...7 Tabelas de cores e caracteres...8 Marcadores e numeração...9 A tag DIV...10 Exercicios...11 São José dos Campos,
3 Introdução A HTML (HyperText Markup Language) é uma linguagem de marcação baseada em texto utilizada para escrevermos páginas que serão lidas por navegadores web. Simplificando, é uma linguagem para escrever páginas web. Para escrevermos páginas, é necessário apenas um editor de texto. Ao terminar a página, sempre salve-a com a extensão.html. Para visualizar as páginas criadas, não é necessária uma conexão com a internet. Entretanto, se quiser deixar suas páginas (site) disponível publicamente, é necessário contratar um serviço de hospedagem. Mas, a critério de teste, você também pode criar uma conta em um serviço gratuito, como o FreeWebHostingArea.com. Atividade 1: Crie uma conta no FreeWebHosting. O link para o serviço é Atenção: Por ser um serviço gratuito, apresenta muitas quedas enquanto estiver logado. Porém, asseguro que seu site estará sempre disponível. O que será visto e o que não será visto neste curso: Veremos os tópicos principais sobre HTML, formulários, e uma breve introdução ao CSS. Não serão vistos aspectos de design, usabilidade, navegabilidade, etc. (apenas indicarei textos para serem lidos). Uma visão geral do HTML Ao escrevermos uma página em HTML, temos que ter em mente três características importantes: 1. Os navegadores ignoram espaços em branco 2. Os navegadores não fazem distinção quanto à caixa alta no recohecimento de tags, ou seja, tanto faz se você escrever <html> quanto 3. Procure sempre formar tags aos pares, por exemplo <html> </html> Outro conceito fundamental ao trabalharmos com HTLM é o conceito de tag: marcação especial que produz alguma modificação (formatação) no texto. Por exemplo, para colocar um texto em negrito, faríamos: Estrutura do documento <B> Texto em negrito </B> Todo documento HTML inicia-se por uma tag e encerra-se por uma tag. Um documento HTML consiste em duas partes um cabeçalho (head) e um corpo (body). O cabeçalho contém informações a respeito do documento como, por exemplo, o título. O corpo contém o documento propriamente dito. O cabeçalho e o corpo se distinguem pelo uso das tags <HEAD> e. São José dos Campos,
4 Atividade 2: Crie sua primeira página web, utilizando o código abaixo como exemplo: <HEAD> <TITLE> Desenvolvimento Web</TITLE> Minha primeira página HTML. Ops, o acento vai sair errado!! Observação: O cabeçalho de um documento tem apenas um elemento de uso praticamente obrigatório: <TITLE>Título da página</title>. Existem outros elementos adicionais de importância grande, mas abordaremos tais elementos mais à frente. Mecanismos de buscas, na Internet, utilizam os elementos <TITLE> e </TITLE> para definir um título na apresentação do resultado da procura. Se o diagramador não insere um título na sua página HTML, o mecanismo de busca define o título com o endereço da página, ou seja, a URL da página. Tags para formatação de texto Títulos A HTML aceita seis estilos de títulos, que são usados para fazer o texto se destacar em diversos níveis. Esses títulos são numerados de 1 a 6, sendo <H1> o maior deles e, obviamente, <H6> o menor. Veja o exemplo abaixo: <HEAD> <TITLE> Desenvolvimento Web</TITLE> <H1>Teste</H1> <H2>Teste</H2> <H3>Teste</H3> <H4>Teste</H4> <H5>Teste</H5> <H6>Teste</H6> São José dos Campos,
5 Parágrafos A inserção de uma tag <P>, diz ao navegador que o texto a seguir inicia um parágrafo. Dessa forma, o navegador apresenta o texto com uma linha abaixo dos elementos anteriores. <P>Curso de desenvolvimento web. Aula 1 HTML</P> Para modificar a posição do texto, utilize o atributo ALIGN dentro da tag <P>. Por exemplo: <P align="justify">curso de desenvolvimento web.</p> <P align="center">curso de desenvolvimento web.</p> <P align="right">curso de desenvolvimento web.</p> <P align="left">curso de desenvolvimento web.</p> Negrito, itálico e sublinhado Os estilos aceitos pela HTML são o negrito, o itálico, o sublinhado e o de máquina de escrever (fonte monoespaçada), vamos inserí-los no documento: São José dos Campos,
6 <B>Texto em Negrito.</B> <I>Texto em Italico.</I> <U>Texto Sublinhado.</U> <TT>Texto monoespacado.</tt> Atividade 3: Como ficaria um texto em HTML caso quisesse aplicar negrito e itálico ao mesmo tempo em um texto? Tags coringas BR e HR As tags BR e HR servem, respectivamente, para pular de linha e para criar uma divisão entre textos. <B>Texto em Negrito.</B> <BR></BR> <I>Texto em Italico.</I> <BR></BR> <HR></HR> <U>Texto Sublinhado.</U> <BR></BR> <TT>Texto monoespacado.</tt> Obs.: Você pode alterar a linha usando os atributos SIZE (espessura) e WIDTH (comprimento em relação à janela do browser), COLOR (cor) e ALIGN (alinhamento). Exemplo: <HR SIZE=8 WIDTH=80% COLOR= blue ALIGN="left"> São José dos Campos,
7 Sobrescrito e subscrito Estas tags podem ser necessárias caso queiramos produzir índices ou fórmulas matemáticas, por exemplo. Para colocar um texto sobrescrito ou subscrito a outro, utilize as tags <SUP> e SUB>. Exemplo: <H2>Dado um triangulo retangulo, temos que:</h2> <FONT size=6>a<sup>2</sup> = b<sup>2</sup> + c<sup>2</sup></font> <BR></BR> <H2>A soma da serie aritmetica eh dada por:</h2> <FONT size=6> X<SUB>1</SUB> + X<SUB>2</SUB> X<SUB>n</SUB></FONT> Formatação de fonte Vamos agora formatar as fontes da nossa página. Para isso vamos usar o tag <FONT> com seus atributos FACE, COLOR e SIZE. A tag <FONT face = "FONTE"> irá definir que tipo de fonte que seu texto irá utilizar. É importante sempre lembrar que quem irá visualizar o site pode ou não ter instalado em seu computador a fonte utilizada, por isso, opte por fontes conhecidas. Você também pode colocar uma lista de fontes, assim, caso o computador não possua tal fonte, o navegador interpreta a próxima fonte da lista, e assimpor diante. A tag <FONT size = "TAMANHO DA FONTE "> irá definir qual o tamanho da fonte utilizada, lembrando que deveremos seguir o padrão de hipertexto e usar fontes de tamanho 1 a 6. Podemos usar tamanhos como 78 e 64, mas lembre se que pode não funcionar em alguns micros. Por isso, se você quer aumentar o tamanho de uma fonte, use o sinal de + antes do número que irá definir o tamanho da fonte e, para diminuir use o sinal de (a conta é com base no tamanho padrão 3). A tag <FONT color = "COR "> irá colocar uma cor na fonte escolhida e seguirá o padrão de cores RGB. Você poderá colocar o nome da cor em inglês ou utilizar o código hexadecimal. São José dos Campos,
8 fonte padrao <BR></BR> <FONT face= Times >Texto em fonte Times.</FONT> <BR></BR> <FONT color= blue >Texto em azul.</font> <BR></BR> <FONT size=+3>texto aumentado, tamanho 6.</FONT> Atividade 4: Como seria o código HTML caso quiséssemos formatar um texto com a fonte Times, tamanho 4 e cor vermelha simultaneamente? Tabelas de cores e caracteres Em muitos casos desejamos selecionar uma cor específica para formatar determinado texto, por exemplo. Vimos anteriormente que podemos especificar a cor pelo seu nome em inglês. Entretanto, é possível sermos mais específicos e indicarmos, ao invés do nome, seu código hexadecimal. Outro problema que pode ocorrer à com relação à acentuação. Vimos também no primeiro exemplo passado, que o browser não consegue interpretar acentos. Então, teremos que usar uma formatação especial para acentuação. Veja o exemplo abaixo: São José dos Campos acentuação errada!<br></br> São José dos Campos acentuação correta!!<br></br> <FONT color= blue >Texto em azul.</font> <BR></BR> <FONT color= #87CEFA >Texto em outro azul</font><br></br> <FONT color= #00BFFF >Texto em outro azul</font> Obs.: Verifique outros códigos de cores, caracteres especiais e acentuações nos links indicados na página da disciplina na internet. São José dos Campos,
9 Marcadores e numeração A criação de listas pode ser útil para organizar o texto em tópicos, para enumerar itens, fazer um sumário ou outras atividades onde há a necessidade de se estruturar o texto. Esse tipo de tag apresenta uma estrutura básica, onde se inicia a lista com uma tag principal <UL>, no caos de listas de marcadores ou <OL>, no caso de lista numerada, e coloca-se os itens através de tags <LI>. <UL> <LI>Tópico 1 </LI> <LI>Tópico 2 </LI> <LI>Tópico 3 </LI> </UL> <OL> <LI>tópico 1</LI> <LI>tópico 2</LI> <LI>tópico 3</LI> </OL> Atividade 5: Construa em HTML uma lista como indicado abaixo: Tópico 1 Tópico 2 Sub-tópico 2.1 Sub-tópico 2.2 Tópico 3 Como principais atributos das listas, podemos citar: Type: especifica o tipo de marcador a ser usado. Pode ser disc (disco), circle (círculo) e square (quadrado) na lista não ordenada. No caso da lista ordenada, os numerais podem ser configurados da seguinte forma: 1 para números comuns (padrão, não precisa ser especificado), A para ordem alfabética maiúscula, a para ordem alfabética minúscula, I para algarismos romanos maiúsculos e i para algarismos romanos minúsculos; Start: válido apenas para listas ordenadas, especifica o padrão inicial de contagem. São José dos Campos,
10 No caso dos marcadores <LI>, os principais atributos são: Type: permite que se mude o tipo de marcador em qualquer ponto da lista. Note que todos os marcadores seguintes seguirão essa modificação. Os tipos que podem ser alterados dependem do tipo de lista; Value: válido somente no caso de listas ordenadas, permite que se salte de um valor para outro (ex.: de 5 para 10 e depois para 7 e assim por diante). Note que os valores seguintes serão continuação dessa alteração. Exemplo: <UL type= square > <LI>Tópico 1 </LI> <LI type= circle >Tópico 2 </LI> <LI>Tópico 3 </LI> </UL> <OL type= I start=10> <LI>tópico 1</LI> <LI value=7>tópico 2</LI> <LI>tópico 3</LI> </OL> A tag DIV A utilização desta tag é uma forma prática e rápida de alinhar bloco de texto. A abreviatura DIV significa divisão. Ao usar esta tag num bloco de texto você estará atingindo todas as tags dentro daquele bloco. Suas vantagens sobre o atributo ALIGN é que: É necessário ser utilizada apenas uma vez, ao contrário do atributo Align, que tem de ser incluído em diversas tags. A tag <DIV> pode ser usada para alinhar qualquer elemento (cabeçalho, parágrafos, citações, imagens, tabelas, etc.), enquanto que o atributo Align encontra-se disponível apenas em um número limitado de tags. São José dos Campos,
11 Para utililizá-la, você deverá colocar a tag <DIV> e acrescentar o atributo align na tag de abertura. Lembrando que o atributo align poderá ter os valores left, right e center. Veja o exemplo: <P align= center > Neste primeiro parágrafo, o texto está centralizado. Entretanto, veja o parágrafo de baixo (que não está com o atributo align): </P> <P>Este texto não está centralizado.</p> <DIV align= center > </DIV> <P>Tudo o que for colocado dentro do DIV será centralizado.</p> <P>Inclusive este texto</p> Exercicios 1. Qual a extensão de um arquivo de um programa em HTML? 2. A primeira página de um site geralmente recebe que nome? 3. Escreva a estrutura básica de um programa HTML. 4. Qual as função das tags abaixo: <HEAD> 3. <TITLE> </TITLE> 4. <H2> </H2> <B> </B> 7. <I> </I> 8. <P></P> 9. <BR> </BR> São José dos Campos,
12 5. Utilize o que você já aprendeu nesta aula e crie seu primeira página HTML. Use a linguagem HTML e faça uma página falando das suas experiências profissionais, acadêmicas, etc. Procure usar o maior número de tags e atributos possíveis. Faça o upload desta página para o servidor. 6. Crie uma página HTML na qual é apresentado um tutorial sobre a própria HTML. Demonstre as tags vistas hoje e crie exemplos de utilização. São José dos Campos,
Mó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 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 maisProgramação para Internet I
Programação para Internet I Aula 03 Prof. Fernando F. Costa nando@fimes.edu.br Prof. Fernando 1 HTML - Acentuação Não é recomendável utilizar acentos em documentos web Problemas Pode haver má interpretação
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 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 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 maisWebdesign 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 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 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 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 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 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 maisPassa a passo para construir uma página pessoal - Parte 1
Passa a passo para construir uma página pessoal - Parte 1 Quais ferramentas são necessárias? - Editor de texto básico (sem formatações): use o Bloco de Notas (não use o MS Word e WordPad) - Navegador (browser):
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 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 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 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 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 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 maisHTML Aula 2.
Aula 2 kawamoto@utfpr.edu.br Parágrafos em HTML são delimitados pelas tags e Os parágrafos podem ser facilmente justificados à esquerda, ao centro ou à direita, especificando tal justificação
Leia maisOs slides que seguem mostram os principais comandos da linguagem HTML. Conhecer o código HTML possibilita a criação de páginas leves que contenham ape
INTRODUÇÃO A PROGRAMAÇÃO HTML Os slides que seguem mostram os principais comandos da linguagem HTML. Conhecer o código HTML possibilita a criação de páginas leves que contenham apenas os comandos necessários
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 maisProf. Benedito Medeiros Neto-CIC FAC GRADUAÇÃO
MÓDULO II A DADOS & METADADOS: COMO ORGANIZAR - VER 1.1 Assunto: Curso de Introdução à Linguagem HTML Prof. Benedito Medeiros Neto-CIC FAC GRADUAÇÃO Disciplina: Tópicos em ONTOLOGIA NA INTERNET - OntoWeb
Leia maisRevisando os conteúdos. Introdução ao CSS
Aula 04 Revisando os conteúdos Tag : fornece informações sobre o documento, palavras-chaves, autor da página, última atualização, etc. Essas informações não são mostradas na página, apenas processadas
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 maisF E B A C. Exercício de Fixação 3. FACULDADE DE EDUCAÇÃO DE BACABAL FEBAC Credenciamento MEC/Portaria: 472/07 Resolução: 80/07
F E B A C FACULDADE DE EDUCAÇÃO DE BACABAL FACULDADE DE EDUCAÇÃO DE BACABAL FEBAC Credenciamento MEC/Portaria: 472/07 Resolução: 80/07 Curso: Sistemas para Internet Período: 2 o Disciplina: Fundamentos
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 maisWebdesign 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 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 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 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 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 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 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 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 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 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 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 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 maisNavegador. Servidor. Apache
PROGRAMAÇÃO AVANÇADA PARA WEB Navegador O navegador também conhecido como web browser ou simplesmente browser é um programa que habilita seus usuários a interagirem com documentos hospedados em um servidor
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 maisCSS [10] Desenvolvimento e Design de. Websites. Prof.: Ari Oliveira
Desenvolvimento e Design de Websites Prof.: Ari Oliveira Folhas de Estilo em Cascata CSS Localização dos estilos Seletores 2 Faça uma página de trabalhe conosco. Esta página deverá conter um formulário
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 maisFORMATAÇÃO: WRITER. Avalie esse tutorial
FORMATAÇÃO: WRITER 2018 Se tiver sugestões para nossos tutoriais, checklist ou modelos, envie-as para biblioteca.ippri@unesp.br, para que possamos aprimorá-los. Agradecemos a colaboração! Consulte sempre
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 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 ao HTML André Luiz Silva de Moraes Instituto Federal de Santa Catarina
Introdução ao HTML André Luiz Silva de Moraes Hypertext Markup Language Linguagem de Marcação de Hipertexto Padroniza a Escrita do texto Permite que um navegador reconheça elementos para inserir em uma
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 - 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 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 maisTutorial Módulo 1: Introdução e primeiros passos Por Daniel Chicayban (dan@trendnet.com.br)
Tutorial Módulo 1: Introdução e primeiros passos Por Daniel Chicayban (dan@trendnet.com.br) Introdução A HyperText Markup Language e a Web No núcleo de toda página da Web, encontramos a HyperText Markup
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 maisINTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO
INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO CSS - Cascading Style Sheets Folhas de estilo em cascata Para cada estilo deve ser definido uma regra CSS Cada regra CSS deve utilizar
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 maisMicrosoft Word 2010 NORMA ABNT para Trabalhos Acadêmicos Conceitos Básicos
Microsoft Word 2010 NORMA ABNT para Trabalhos Acadêmicos Conceitos Básicos contato@suptecinfo.com.br SUMÁRIO Iniciando o Word... 1 Conhecendo a Ferramenta... 1 Menu Layout da Página... 2 Capa... 3 Folha
Leia mais4 - HTML Básico: 4.2 - Criando documentos HTML:
4 - HTML Básico: 4.1 - O que é HTML? Os documentos na Web são organizados com o uso de comandos que são interpretados pelos browsers. Estes comandos compõem a linguagem HTML (HyperText Markup Language).
Leia maisINTRODUÇÃO AO CSS. HTML é usado para estruturar conteúdos. CSS é usado para formatar conteúdos estruturados.
INTRODUÇÃO AO CSS O que é CSS? Talvez você já tenha ouvido falar em CSS, mas não saiba o que significa exatamente. Nesta lição você saberá o que é e para que serve CSS. CSS é a abreviatura para Cascading
Leia maisPROGRAMADOR WEB. PROF. Esp. Andrew H. G. Rodrigues
PROGRAMADOR WEB PROF. Esp. Andrew H. G. Rodrigues CSS - CASCADING STYLE SHEETS Folhas de estilo em cascata Para cada estilo deve ser definido uma regra CSS Cada regra CSS deve utilizar a seguinte sintaxe:
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 maisAula 11 Introdução ao Java Script
Aula 11 Introdução ao Java Script Java Script é uma linguagem que permite trabalhar com a Lógica em páginas escritas em HTML (HiperText Mark-up Language). As páginas HTML podem ser escritas utilizando-se
Leia maisInternet & HTML Internet & HTML Pedro Costa / 2004
Internet & HTML Pedro Costa / 2004 Como funcionam as páginas Web As páginas web são apenas constituídas por texto ASCII plano. Os Web browsers processam o código usado nas páginas web para mostrarem uma
Leia maisHTML: Recursos Básicos e Especiais
Linguagem de Programação para Web HTML: Recursos Básicos e Especiais Prof. Mauro Lopes 1-31 34 Objetivo Iremos aqui apresentar os recursos básicos e especiais do HTML. Serão apresentados, o uso de fontes,
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 maisAula 3 - Parte Final HTML e CSS
Universidade Federal do Paraná - UFPR 16 de Agosto de 2010 Div 1 Div 2 Div Div Podemos dizer que a função da tag < div > é fazer a divisao dos itens de uma pagina, isto é posicionar os layouts. Para um
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 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 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 maisRecurso Didáctico. Dossier Técnico Pedagógico Projecto: 5742/2008/22 Acção: 5742/2008/ Formador[a]
Recurso Didáctico Formador[a] Sónia Rodrigues UFCD / UC 0793 Scripts CGI e Folhas de Estilo Data 05/05/2009 Contextualização / Objectivos Documentação de apoio Orientação Pedagógica Apontamentos de Folhas
Leia maisINTRODUÇÃO À PROGRAMAÇÃO EXERCÍCIO DE REVISÃO
INTRODUÇÃO À PROGRAMAÇÃO EXERCÍCIO DE REVISÃO Questões de concurso 1. Na interface Web, ele é um arquivo independente do arquivo HTML no qual são declaradas propriedades e valores de estilização para os
Leia maisAPOSTILA DE XHTML Profa. Gilene Borges Gomes
MÓDULO 2: Linha Horizontal . Quebra de linha: . Parágrafos . Cabeçalho: , , , , , . Comentário: . Atributos comuns. Tags - indica um bloco de texto
Leia maisCSS CASCADING STYLE SHEET
CSS CASCADING STYLE SHEET CURSO TÉCNICO DE INFORMÁTICA MODALIDADE SUBSEQÜENTE DESENVOLVIMENTO WEB 1 PROF. ALEXANDRO DOS SANTOS SILVA 1 SUMÁRIO Conceito Sintaxe básica Tipos de folhas de estilos 2 1 CSS
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 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 maisSintaxe Básica da Linguagem CSS
Sintaxe Básica da Linguagem CSS Regras - Regra CSS é uma declaração com sintaxe própria, que indica como será aplicado um estilo a um ou mais elementos HTML. Ela é composta por três partes: um seletor,
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 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 maisHTML. Sessão 2 HTML. A mais utilizada é a definição de um título. A tag <title> permite especificar o título do documento.
Sessão 2 Cabeçalho e Título O conteúdo do cabeçalho do documento não irá, portanto, aparecer no documento, mas irá incluir outras tags que definam propriedades da página. A mais utilizada é a definição
Leia maisLINGUAGEM DE PROGRAMAÇÃO HTML COMPONENTES: ROBSON EDMILSON
COMPONENTES: ROBSON EDMILSON O HTML (Hiper Text Mark-up Language) é uma linguagem de programação hipertexto. O HTML tem códigos para criar páginas na web. Estes códigos que definem o tipo de letra, qual
Leia maisPermite que o conteúdo e o layout de uma página seja separado do design visual e os elementos de apresentação.
Porque usar css? Cascading Style Sheets (css) sobrepõe as características padrões dos browsers São usadas para melhorar e controlar a aparência de uma página web. Porque usar css? Permite que o conteúdo
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 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 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 maisINTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO
INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO A partir do HTML 4.01, o único modo de alterar a letra (cor, tamanho, tipo, etc.) ou o fundo (cor ou imagem) é utilizando o atributo
Leia maisWeb Design Aula 02: HTML
Web Design Aula 02: HTML Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação Roteiro Introdução Conceitos HTML Primeira Página Identação Incluindo o título Salvando a página Vizualizando
Leia maisTutoriais CSS, Web Standards, Tableless, Acessibilidade, HTML, XHTML, Padrões Web, por Maurício Samy Silva
CSS Site do Maujor Tutoriais CSS, Web Standards, Tableless, Acessibilidade, HTML, XHTML, Padrões Web, por Maurício Samy Silva :: A propriedade text :: Os textos nos elementos HTML As propriedades para
Leia maisCascading Style Sheets
Cascading Style Sheets PROF. ME. HÉLIO ESPERIDIÃO CSS Cascading Style Sheets (CSS) é uma linguagem de folhas de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação,
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 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 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 maisObrigado por adquirir o GNOTE da IDEON Brazil, o mais moderno gerenciador de conteúdos da Internet.
Obrigado por adquirir o GNOTE da IDEON Brazil, o mais moderno gerenciador de conteúdos da Internet. Esse manual foi desenvolvido com o intuito de que você use de maneira eficaz os recursos que ele oferece
Leia maisWeb Design. Prof. Felippe
Web Design Prof. Felippe 2015 Sobre a disciplina Fornecer ao aluno subsídios para o projeto e desenvolvimento de interfaces de sistemas Web eficientes, amigáveis e intuitivas. Conceitos fundamentais sobre
Leia mais08/11/2012. Tecnologias WEB - CSS. Professor Elisson Lobão
Tecnologias WEB - CSS Professor Elisson Lobão 1 CSS CSS(Cascade Style Sheets) são folhas de estilo que permitem controlar a aparência dos elementos HTML Vantagens: Grande liberdade de formatação Maior
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 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 maisHTML AULA 2 Microlins - Web e Design Capítulo 2 Rondonópolis 14 de Maio de Mayza de
HTML AULA 2 Microlins - Web e Design Capítulo 2 Rondonópolis 14 de Maio de 2011 Mayza de Oliveira @mayzaoliveira mayza.deoliveira@gmail.com FORMATANDO TEXTO Formatar o texto é alterar as suas propriedades
Leia maisDreamweaver CC_15x21.indd 1 06/04/ :04:22
Dreamweaver CC_15x21.indd 1 06/04/2015 11:04:22 SUMÁRIO INTRODUÇÃO... 3 CAPÍTULO 1 Iniciando e conhecendo o Dreamweaver... 8 Interfaces... 21 Criando e configurando sites... 22 CAPÍTULO 2 Criando arquivos...
Leia mais