HTML e Suas Estruturas Básicas

 HTML (traduz-se a expressão inglesa HIPER TEXT MARKUP LANGUAGE), que tem como significado em português LINGUAGEM DE MARCAÇÃO DE TEXTO usada para produção de páginas na WEB. 

 Para criar uma pagina HTML não tem muito segredo você pode abrir um editor de texto notpad, que já vem no seu computador ou fazer o download do notpad++ neste link: http://www.superdownloads.com.br/download/132/notepad/

Elemento root html (HTML root element)
  
Necessita-se destas  quatro  tags <html> <head> <title> <body>: Elas descrevem a estrutura geral de uma página a ser lida pelo navegador: 
Mas devemos usar <!DOCTYPE html!> como a primeira linha do código antes da tag HTML no documento.
 Doctype não é uma tag do HTML e sim uma maneira de de fazer o navegador  ter informações de qual versão de código a marcação foi escrita.
 <html> é principal tag onde todos os outros elementos dependem dele, ou seja ele e raiz.
 <head> tag que serve para indicar o que será escrito no cabeçalho da página.
 <title>  tag que serve para dar nome ao título da página.
 <body> tag responsável pelo que irá aparecer no corpo do navegador, ou seja no corpo da página HTML

Segue o exemplo:

<!DOCTYPE html!>
<html>
<head>
<title>Seja bem-vindo</title>
</head>
<body>
... conteúdo da página
</body>


Comentários

Postar um comentário

Postagens mais visitadas deste blog

Imagem
 Taquigrafia CSS AE UMA taquigrafia CSS Maneira de escrever Como PROPRIEDADES e de Formatação de forma Mais Simples e Limpa. ISSO facilitador na Hora de CARREGAR Como Páginas, JA TERA Opaco Menos ritmo Parágrafo Processar Todas Como Informations, e na Hora de Corrigir Erros Possíveis UO Mudanca alguma Propriedade. Técnicas abreviadas Parágrafo Fundo Todas Como PROPRIEDADES de Fundo PODEM SERVICOS definidas Dentro da Propriedade Fundo. Um Exemplo das principais PROPRIEDADES de Fundo: background-color: blue; background-image: url ("moto.png"); background-repeat: repeat-x; background-attachment: fixed; background-position: center; Todas ELAS PODEM Serviços abreviadas Como: background: url azul ("moto.png") repeat-x centro Fixo; Exemplo: <! DOCTYPE html> <html lang="pt-br"> <head> <title> taquigrafia CSS - background </ title> <meta charset="utf-8"> <style type=...
Leia mais

METADADOS :

Imagem
Metadados  são informações sobre a página e o conteúdo ali publicado. HEAD  a tag head responsável por toda a parte inteligente da página. A partir do head fica todos os Metadados. TITLE  a tag title  responsável pelo titulo da página e é usado somente uma vez no documento html. LINK   existe dois tipos de tag link um que leva para outros documentos e um para que leva para documentos externo. META   a tag serve para especificar a descrição da página, palavra-chave autor do documento, modificada pela ultima vez, e outros metadados. STYLE   a tag   é usada para definir informações de estilo para um documento html . Sessões: body, article, section, nav, aside, h1, h2, h3, h4, h5, h6, hgroup, header, footer, address. body - tag responsável pelo o que irá aparecer no corpo do navegado. article - o elemento article representa a seção de conteúdo do site. nav - serve para ser u...
Leia mais

Linguagem CSS

Imagem
 CSS O  CSS (Cascading Style Sheets)  é uma linguagem de estilo na qual será definido todas as formatações dos textos e elementos postados no código HTML. Escrito num arquivo simples de texto, a vantagem de usar esse sistema é deixar a página mais leve e organizada. Formas de utilização Os elementos CSS podem ser usados de três formas: externo, embutido e inline. Atualmente é aconselhável usar a forma externa por causa da sua praticidade e fácil manutenção, caso precise fazer alterações. CSS inline: <!DOCTYPE html> <html lang="pt-br"> <head> <title>CSS inline</title> <meta charset="utf-8"> </head> <body> <h1 style="font-size:16px; color:#3366FF;">Título</h1> <p style="font-size:12px;"> CSS inline. Não recomendo.</p> </body> </html> <!DOCTYPE html> <html lang="pt-br"> <head...
Leia mais