Aprendendo HTML Curso Gratís

Postagens

Mostrando postagens de junho, 2020

Criando Um documento HTML simples

junho 30, 2020

Criando Um documento HTML simples O que é HTML? HTML significa Hyper Text Markup Language HTML é a linguagem de marcação padrão para criar páginas da Web HTML descreve a estrutura de uma página da Web HTML consiste em uma série de elementos Os elementos HTML informam ao navegador como exibir o conteúdo Um documento HTML simples < !DOCTYPE html > < html > < head > < title > Titulo da Página < /title > <meta charset = "utf-8" >

Leia mais

Integrando a página com estilos CSS

junho 27, 2020

Integrando a página com estilos CSS É neste ponto que o CSS pode começar a ser integrado com o HTML para manipular visualmente o conteúdo da sua página. Vimos até o momento um código básico HTML que cria uma página com um texto simples, mas já existem várias propriedades que podem ser formatadas visualmente, como tipo de fonte, tamanho, cor, entre outras. Portanto vamos trabalhar com alguns conceitos básicos do CSS. A primeira forma de se utilizar o CSS é aplicando os estilos diretamente nas marcações HTML por meio do atributo Style. Existem três formas para incluir o código CSS em seu projeto Interno O exemplo do código foi utilizado a tag style dentro do head da página HTML: <head> <style type = "text/css" > seletor { propriedade : valor ; } </style> </head> Inline Essa é outra forma de integrar CSS a uma página é utilizando o atributo style em elementos

Leia mais

Tag body = Corpo do conteúdo HTML

junho 27, 2020

Tag body = Corpo do conteúdo HTML Para finalizar as marcações mais básicas de um site, a marcação <body> representa o corpo do arquivo, informando que todo o conteúdo dentro desta marcação é o que deve ser diagramado e apresentado na janela do navegador para o usuário. O corpo de uma página faz parte do arquivo principal. Por este motivo, as marcações de abertura e fechamento do corpo <body> devem estar dentro das marcações de abertura e fechamento do arquivo <html> preferencialmente depois do fechamento do cabeçalho</head>. Todo o conteúdo do site como tabelas, textos, imagens e links, que serão vistos mais adiante, deverão estar obrigatoriamente dentro da marcação <body> para terem seu correto funcionamento assegurado. Observe um exemplo de utilização da marcação <body> e as demais marcações que compõem a estrutura básica de uma página:

Leia mais

Como fazer o Cabeçalho de uma página HTML.

junho 27, 2020

Como fazer o Cabeçalho de uma página HTML Dentro da marcação <html> , deverá existir a marcação <head>, que é responsável por definir e informar ao navegador algumas propriedades sobre o arquivo, compondo o cabeçalho do mesmo. Dentre essas informações, é possível detalhar características como título da janela, arquivos externos relacionados com o arquivo atual (arquivos JavaScript, CSS ou outros) entre outras informações do tipo meta, que serão apresentadas mais adiante, úteis para informar propriedades como o conjunto de caracteres da página ou outras configurações. O cabeçalho de uma página faz parte do conteúdo hipertexto. Por este motivo, as marcações de abertura e fechamento do cabeçalho devem estar dentro das marcações de abertura e fechamento do arquivo . Um exemplo de utilização da marcação pode ser visto a seguir: < !DOCTYPE html > < html > < head > <!-- Conteúdo do Cabeçalho aqui -- > < /head > < /html > ob

Leia mais

Como é a Estrutura básica de páginas HTML.

junho 27, 2020

Como é a Estrutura básica de páginas HTML. Os arquivos HTML possuem um formato básico de estrutura que deve ser respeitado em todas as páginas web, por meio das marcações de definição estrutural das páginas hipertexto. Antes de um navegador interpretar os códigos de diagramação de conteúdo, geralmente existem outros comandos que informam ao navegador dados importantes, que nem sempre ficam expostos aos olhos do visitante do site. Informações estruturais e semânticas sobre o idioma da página, conjunto de caracteres, e diversas outras, podem (e devem) ser definidas, mesmo que não apareçam na janela do navegador, pois são tão importantes quanto todo o resto do conteúdo. As primeiras marcações HTML que serão apresentadas são as que dizem respeito à estrutura das páginas web, como mostram os próximos tópicos. A partir deste ponto, serão apresentadas as principais marcações do HTML5. Algumas apresentam resultados visíveis na tela, outras não, mas são igualmente importantes. Não se preocupe

Leia mais

O que é o CSS?

junho 27, 2020

CSS CSS representa as folhas de estilo, ou do inglês, Cascading Style Sheets. Esse recurso não faz parte do HTML. Trata-se de uma tecnologia própria que pode ser utilizada de forma integrada com o HTML ou com outros tipos de formatos, como por exemplo arquivos XML. Por meio do uso de CSS é possível definir estilos de formatação de conteúdo. Isso implica em poder alterar tipo de fonte, tamanho, cor, margens, bordas e dezenas de outras propriedades por meio dessa tecnologia. A grande pergunta que você pode estar se fazendo neste momento é a seguinte: “Por qual motivo eu devo optar pelo CSS, se eu posso alterar a cor do fundo da minha página utilizando o próprio HTML?”. Se você se fez essa pergunta, ou se essa pergunta fez sentido para você, é porque você ainda não conhece os benefícios do uso do CSS. Suponha que você pretenda construir um site com várias páginas HTML: a página principal, a página de produtos e a página de contato

Leia mais

O Que é HTML?

junho 26, 2020

HTML O que é HTML? Conforme você já viu no resumo da história da internet, a sigla HTML representa as iniciais do termo Hiper Text Markup Language, que em português poderia ser traduzido em algo como linguagem de marcação de hipertexto, e que nada mais é do que um conjunto de marcações utilizadas de forma integrada com conteúdo em formato de texto, com o objetivo de apresentar o conteúdo de uma página web de maneira organizada. De todas as tecnologias existentes na construção de sites, dinâmicos ou não, o HTML é a mais fundamental de todas, pois sem o seu conhecimento, nenhuma outra tecnologia poderá ser empregada, pelo fato da maioria delas se relacionar com esta linguagem. Quanto mais se conhece HTML, melhor será o seu uso na integração com outras tecnologias. Um exemplo simples de código HTML e o site gerado a partir deste conteúdo pode ser visualizado a segui

Leia mais

Aprendendo HTML 5

junho 26, 2020

Aprendendo HTML 5 Vamos falar sobre alguns benefícios do HTML5 e CSS3, além de alguns dos desafios que enfrentaremos. Uma plataforma para desenvolvimento web Muitos recursos do HTML centram-se na criação de um melhor plataforma para aplicativos baseados na Web. De tags mais descritivas e melhor comunicação entre sites e entre janelas para animações e suporte multimídia aprimorado, os desenvolvedores que usam HTML5 têm muitas novas ferramentas para criar melhores experiências do usuário. Cada versão do HTML apresenta uma nova marcação, mas nunca antes houve tantas novas adições diretamente relacionadas à descrição do conteúdo. Você aprenderá sobre elementos para definir títulos, rodapés, seções de navegação, barras laterais e artigos, Novas tags e atributos estruturais. Você também aprenderá sobre medidores, barras de progresso e como atributos de dados. Aprender html. Para construir um

Leia mais