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">
</head>
<body>
<h1>Meu primeiro cabeçalho</h1>
<p>Meu Primeiro Paragrafo</p>
</body>
</html>
A declaração <! DOCTYPE html> define que este documento é um documento HTML5
O elemento <html> é o elemento raiz de uma página HTML
O elemento <head> contém meta informações sobre a página HTML
O elemento <title> especifica um título para a página HTML (que é mostrada na
barra de título do navegador ou na guia da página)
O elemento <body> define o corpo do documento e é um contêiner para todo o
conteúdo visível, como títulos, parágrafos, imagens, hiperlinks, tabelas,listas, etc.
O elemento <h1> define um cabeçalho grande
O elemento <p> define um parágrafo
Abra um editor de texto que já esteja instalado no seu computador e tenha a experiência de criar sua primeira pagina web!. Copie esse trecho de código e insira no editor de texto,após feito isso ,salve esse trecho de código no editor com um nome a sua escolha e a extensão(.html) para que ele seja aberto no navegador, no meu caso por exemplo salvei como : meuprimeirosite.html.
Exemplo do código funcionando no navegador
<HEAD>
Cabeçalhos, que não devem ser confundidos com títulos como h1, h2 e h3, podem
conter todos os tipos de conteúdo, desde o logotipo da empresa até a caixa de
pesquisa.
Por enquanto, o cabeçalho do nosso site conterá apenas o título do site que aparece na aba
do site
<head id = "page_header">
<title>Titulo da Página</title>
<h1> Meu site! </h1>
</head>
Você não está restrito a ter apenas um cabeçalho em uma página. Cada seção ou artigo
individual também pode ter um cabeçalho; portanto, pode ser útil
usar o atributo ID, para identificar exclusivamente seus elementos.
O ID exclusivo facilita o estilo de elementos com CSS ou a localização de elementos
com JavaScript.
Comentários
Postar um comentário