NUNCA MAIS PASSE RAIVA POR NÃO CONSEGUIR RESOLVER UM PROBLEMA COM O EXCEL - GARANTIDO!

UNIVERSIDADE DO VBA - Domine o VBA no Excel Criando Sistemas Completos - Passo a Passo - CLIQUE AQUI

Você está em: PrincipalArtigosCriacaosites : Htmlbasico004
Quer receber novidades e e-books gratuitos?

Html Básico. Parte 4

 

Objetivo:

O objetivo deste tutorial continuar ensinado sobre formatação de texto, iremos aprender a deixar o texto em negrito, italico, sublinhado, linha sobre o texto e a combinar as três opções mais importantes  de formatação, irei ensinar a inserir cor  e imagens de fundo na página  sempre de uma forma bem objetiva , tudo mostrado através das telas.

 

Pré-requisito:

Para você poder acompanhar o desenvolvimento deste tutorial, será necessário ter conhecimento no mínimo do
de informática básica e Parte 1, Parte 2 e Parte 3 do tutorial html básico.

 

Nota:

Irei ensinar a linguagem de html de uma forma bem objetiva, ou seja, iremos aprender na prática através da criação páginas.

 

Vamos começar criar uma página com texto inserido para que possamos fazer as alterações, vamos dar o nome de aprender.html para a mesma, para isso abra o bloco de notas copie a página abaixo e cole, feito isso salve a mesma sempre dentro da basta site.

 

<html>

<head>

<title> Aprender Html </title>

</head>

<body>

 

Estamos aprendendo html

 

</body>

</html>

 

Vamos continuar a formatação de texto, iremos colocar o texto em negrito através das tags <b></b>, basta inserimos o texto que você quer que fique em negrito entre as tags, veja o procedimento abaixo:

 

Selecione o código fonte da página que acabamos de criar, dentro do mesmo iremos inserir as tags no texto que escrevemos.

 

Tela 001

 

Tela 002

 

Agora iremos deixar o texto em italico utilizando as tag <i></i>, o procedimento é o mesmo que acabamos de fazer para colocar o texto em negrito, sendo assim, vamos substituir as tag <b></b> por <i></i>, veja a  tela abaixo:

 

Tela 003

 

Agora vamos deixar o texto sublinhado através das tag <u></u>  o procedimento é o mesmo que colocar o texto em negrito, veja o procedimento abaixo:

 

Tela 004

 

Agora digamos que queira deixar o texto com as três formatações negrito, alinha e sublinhado, basta inserir todas as formatações juntas, vamos ver os procedimentos:

 

Tela 005

 

Tela 006

 

Agora vamos inserir cor e imagem de fundo na página através dos atributos bdgcolor e background, veja o procimento primeiro para inserir cor de fundo, vamos definir a cor azul para nossa página.

 

Dentro da tag <body> iremos acrescentar o atributo bgcolor, o  mesmo deve ficar desta maneira:

 

Tela 007 (Note como deve ficar a tag body acrescida do atributo bgcolor com o nome da cor)

 

Tela 008

 

Agora iremos inserir uma imagem de fundo na nossa página utilizando o atributo background, sendo que a figura deve estar na mesma basta onde se encontra a página, este atributo vai ficar da seguinte maneira:

 

Tela 009

 

Tela 010

 

Conclusão

 

Ensinei a inserir tamanho, tipo de font e cor no texto,  com a utilização da tag < font></font> e seus atributos Size, Face e Color, expliquei a função da tag e do atributo desenvolve e também a utilização de cabeçalhos de forma objetiva, tudo através das telas para que você tenha uma melhor compreensão, na próxima parte continuaremos o nosso aprendizado sobre html. Bons Estudos.

Untitled Document
FRONTPAGE - BÁSICO
1 Criação de Páginas para Internet - Introdução
1 Criando o Primeiro Arquivo HTML
DREAMWEAVER - BÁSICO
1 Introdução ao Dreamweaver MX 2004
1 Projeto Web – Parte 01
1 Projeto Web – Parte 04
1 Projeto Web – Parte 03
1 Criação de Tabelas no Dreamweaver
1 Dreamweaver Basico - Começando a usar o DreamWeaver
1 Dreamweaver Basico - Configurações de Definição de Sites
1 Dreamweaver Basico - Estruturação de Páginas - Usando Tabelas - Parte 1
1 Dreamweaver Basico - Estruturação de Páginas - Usando Tabelas - Parte 2
1 Dreamweaver Basico - Definição Básica do Design e Inserção de Conteúdo
1 Dreamweaver Basico - Criação de Links
1 Dreamweaver Basico - Configuração de Links
1 Usando Tabelas no DreamWeaver
1 Usando Imagens no Dreamweaver
1 Usando Modelos no Dreamweaver
1 Conhecendo o Dreamweaver 8
1 Usando comportamentos para criar um menu pop up no Dreamweaver
1 Usando a paleta Behaviors do Dreamweaver - Parte 1
1 Usando Camadas Para Exibir Dicas de Formulários
1 Fazendo um Site com Templates Prontos no Dreamweaver
HTML BÁSICO
1 HTML Básico - Introdução à Internet
1 HTML Básico - Alinhamento de Texto
1 HTML Básico - Cabeçalhos e Formatação de Texto
1 HTML Básico - Formatação de Texto
1 HTML Básico - Criação e configuração de links
1 HTML Básico - Criando Listas Ordenadas e Listas de Definição
1 HTML Básico - Criação de Links Internos e Externos
1 HTML Básico - Criação de Links Externos E Links de E-mail
1 HTML Básico - Inserindo Imagens na Página
1 HTML Básico - Introdução à Tabelas
1 HTML Básico - Criação de Formulários - Parte 1
1 HTML Básico - Criação de Formulários - Parte 2
DREAMWEAVER - PROGRAMAÇÃO PHP
1 Galeria de Fotos com Efeito Lightbox Dinâmica
1 Criando Sistema de Cadastro de Emails e Upload de Imagens (Parte 1)
1 Criando Sistema de Cadastro de Emails e Upload de Imagens (Parte 2)
1 Criando Sistema de Cadastro de Emails e Upload de Imagens (Parte Final)
1 Alternando Cores da Tabela no Resultado de uma Consulta
1 Como Criar um Contador de Visitas (Acessos)
1 Criando Galeria de Fotos (Tiny SlideShow)
1 Criando Ícone para URL
1 Criando Recurso Imprimir
1 Criando Sites Auto-Ajustáveis de Acordo com a Resolução
1 Formulário de Contato com Envio de Dados por Email
1 Galeria de Fotos com Efeito Lightbox e Upload Múltiplo de Imagens
CRIANDO UM APLICATIVO PARA UMA ACADEMIA
1 Criando Aplicativo Para Academia - Parte 1
1 Criando Aplicativo Para Academia - Parte 2
1 Criando Aplicativo Para Academia - Parte 3
1 Criando Aplicativo Para Academia - Parte 4
1 Criando Aplicativo Para Academia - Parte 5
1 Criando Aplicativo Para Academia - Parte 6
1 Criando Aplicativo Para Academia - Parte Final
WEBSPHERE
1 Apresentando o WebSphere Application Server da IBM
1 Instalação do WebSphere Application Server
1 Configurando uma aplicação no WAS
1 Configurando a segurança no WAS
SISTEMA DE SALÃO DE BELEZA
1 Sistema Salão de Beleza - Parte 1
1 Sistema Salão de Beleza - Parte 2
1 Sistema Salão de Beleza - Parte 3
1 Sistema Salão de Beleza - Parte 4
1 Sistema Salão de Beleza - Parte 5
1 Sistema Salão de Beleza - Parte 6
1 Sistema Salão de Beleza - Parte 7
1 Sistema Salão de Beleza - Parte 8
1 Sistema Salão de Beleza - Parte 9
1 Sistema Salão de Beleza - Parte 10
1 Sistema Salão de Beleza - Parte 11
1 Sistema Salão de Beleza - Parte 12
1 Sistema Salão de Beleza - Parte 13
1 Sistema Salão de Beleza - Parte 14
SISTEMA PARA GERENCIAMENTO DE IMÓVEIS
1 Sistema Para Gerenciamento de Imóveis - Parte 01
1 Sistema Para Gerenciamento de Imóveis - Parte 02
1 Sistema Para Gerenciamento de Imóveis - Parte 03
1 Sistema Para Gerenciamento de Imóveis - Parte 04
1 Sistema Para Gerenciamento de Imóveis - Parte 05
1 Sistema Para Gerenciamento de Imóveis - Parte 06
1 Sistema Para Gerenciamento de Imóveis - Parte 07
1 Sistema Para Gerenciamento de Imóveis - Parte 08
1 Sistema Para Gerenciamento de Imóveis - Parte 09
1 Sistema Para Gerenciamento de Imóveis - Parte 10
1 Sistema Para Gerenciamento de Imóveis - Parte 11
Quer receber novidades e e-books gratuitos?

 
 

Contato: Telefone: (51) 3717-3796 | E-mail: webmaster@juliobattisti.com.br | Whatsapp: (51) 99627-3434

Júlio Battisti Livros e Cursos Ltda | CNPJ: 08.916.484/0001-25 | Rua Vereador Ivo Cláudio Weigel, 537 - Universitário, Santa Cruz do Sul/RS, CEP: 96816-208

Todos os direitos reservados, Júlio Battisti 2001-2024 ®

LIVRO: MACROS E PROGRAMAÇÃO VBA NO EXCEL 2016 - CURSO COMPLETO E PRÁTICO

DOMINE A PROGRAMAÇÃO VBA NO EXCEL - 878 PÁGINAS - CLIQUE AQUI