CONCEITOS BASICOS "HTML"
* Todo documento HTML possui marcadores, conhecidos e chamados como tags
, que são palavras inseridas entre os parênteses angulares (< e >)
* Exemplo de elemento único:
<hr />
Exemplo de elemento composto:
<a href=”http://www.cruzeirodosul.edu.br/”>Universidade Cruzeiro do Sul</a>
» <a> é o marcador de abertura
» </a> é o marcador de fechamento
» href é o atributo onde está definido para qual página será direcionado ao
receber o evento do clique
* Os marcadores HTML não são case sensitive, o que isso quer dizer?
Quer dizer que tanto faz escrevermos em maiúscula ou minúscula que o navegador
irá “entender”; <HTML>, <Html>, <html> ou <HtMl>
* Os marcadores básicos são:
» <html>: define o início de um documento HTML e indica ao navegador que
todo conteúdo posterior deve ser tratado como uma série de códigos HTML.
» <head>: define o cabeçalho de um documento HTML, que traz informações
sobre o documento que está sendo aberto.
» <body>: define o conteúdo principal, o corpo do documento. Esta é a par#te do
documento HTML que é exibida no navegador. No corpo podem-se
definir atributos comuns a toda a página, como cor de fundo, margens, e
outras formatações
* Cabeçalho
» <title>: define o título da página, que é exibido na barra de título de qual#quer
navegador.
» <style type=”text/css”>: define formatação, para isso se utilizada marcado#res de
estilos chamado de css ou folha de estilo
» <script type=”text/javascript”>: define programação de certas funções em
página com scripts
» <link>: define ligações da página com outros arquivos.
» <meta>: define propriedades da página, como codificação de caracteres,
descrição da página, autor etc.
* CORPO
Dentro do corpo podemos encontrar outros vários marcadores que irão estruturar
o documento, todo elemento que será exibido no browser deve ser inserido na tag
<body> por exemplo, vejamos algumas tags.
» <br />: quebra de linha.
» <table>: cria uma tabela (linhas são criadas com <TR> e novas células
com <TD>, já os cabeçalhos das colunas são criados com os marcadores
<Thead><TH> e os rodapés com <TFooter><TR><TD>).
» <div>: determina uma divisão na página a qual pode possuir variadas for#matações.
» <img />: imagem.
» <a>: hiper-ligação para um outro local, seja uma página, um e-mail ou
outro serviço.
» <textarea>: caixa de texto (com mais de uma linha); estas caixas de texto
são muito usadas em blogs, elas podem ser auto selecionáveis e conter ou#tros
códigos a se
» <title>: define o título da página, que é exibido na barra de título de qual#quer
navegador.
» <meta>: define propriedades da página, como codificação de caracteres,
descrição da página, autor etc. O atributo name=”description” e content
são utilizados para adicionarmos informações pertinentes a página, essas
informações podem ser utilizados pelos mecanismos de busca para então
retornar o resultado de pesquisa. O atributo charset é utilizado para a
confi#guração de caractere, muitos países não possuem caracteres especiais como
acento agudo, circunflexo. O UTF-8 trata justamente esses itens, ou seja, se
a sua página for acessada no Japão, os caracteres com acentos não serão
trocadas por outra letra qualquer
» <link>: define ligações da página com outros arquivos. Nesse caso, a página
html está fazendo um ligação com outra página de formatação de estrutura,
conhecida com css.
» <script>: define programação de certas funções em página com scripts. No
caso desse exemplo, estamos fazendo uma chamada para um arquivo somente
com programação javascript que será executada na página html do navegador
» <body>: todo elemento que será exibido no browser deve ser inserido nessa tag.
» <header>:O elemento <header>representa um contêiner para a introdução
de um conteúdo ou para um conjunto de itens de navegação, geralmente são
acompanhadas das tags <h1> ... <h6>.
» <article>:A tag <article> especifica conteúdo independente e autônomo.
Um <article> deve fazer sentido por conta própria e deve ser possível distri#buí-lo
de forma independente do resto do site.
» <footer>: A marca <footer> define um rodapé para um documento ou seção.
