HTML(HyperText Markup Language).
Página 1 de 1
HTML(HyperText Markup Language).
HTML (abreviação para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) é uma linguagem de marcação utilizada na construção de páginas na Web. Documentos HTML podem ser interpretados por navegadores. A tecnologia é fruto da junção entre os padrões HyTime e SGML.
HyTime é um padrão para a representação estruturada de hipermídia e conteúdo baseado em tempo. Um documento é visto como um conjunto de eventos concorrentes dependentes de tempo (como áudio, vídeo, etc.), conectados por hiperligações.
SGML é um padrão de formatação de textos. Não foi desenvolvido para hipertexto, mas tornou-se conveniente para transformar documentos em hiper-objetos e para descrever as ligações.
HyTime é um padrão para a representação estruturada de hipermídia e conteúdo baseado em tempo. Um documento é visto como um conjunto de eventos concorrentes dependentes de tempo (como áudio, vídeo, etc.), conectados por hiperligações.
SGML é um padrão de formatação de textos. Não foi desenvolvido para hipertexto, mas tornou-se conveniente para transformar documentos em hiper-objetos e para descrever as ligações.
Etiquetas(Tags)
Todo documento HTML possui etiquetas (do inglês: tags), palavras entre parênteses angulares (chevron) (< e >); essas etiquetas são os comandos de formatação da linguagem. Um elemento é formado por um nome de etiqueta (tag), atributos, valores e filhos (que podem ser outros elementos ou texto). Os atributos modificam os resultados padrões dos elementos e os valores caracterizam essa mudança.
Cabeçalho
Dentro do cabeçalho podemos encontrar os seguintes elementos:
<title>: define o título da página, que é exibido na barra de título dos navegadores
<style type="text/css">: define formatação em CSS
<script type="text/javascript">: define programação de certas funções em página com scripts, podendo adicionar funções de JavaScript.
<link>: define ligações da página com outros arquivos como feeds, CSS, scripts, etc.
<meta>: define propriedades da página, como codificação de caracteres, descrição da página, autor, etc.
Corpo
- Dentro do corpo podemos encontrar outras várias etiquetas que irão moldar a página, como por exemplo:
<h1>, <h2>, ... <h6>: cabeçalhos e títulos no documento em diversos tamanhos.
<p>: novo parágrafo.
<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 as etiquetas <THead><TH> e os rodapés com <TFooter><TR><TD>).
<div>: determina uma divisão na página a qual pode possuir variadas formatações.
<b>, <i>, <u> e <s>: negrito, itálico, sublinhado e riscado, respectivamente.
<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 outros códigos a serem distribuídos.
<abbr>: abreviação (sigla simplesmente abreviada).
<cite>: citação.
<address>:Endereço.
Cores
- As cores devem ser declaradas em CSS, com o atributo style, que funciona em diversos elementos, como por exemplo:
<span style="color:COR">Texto</span>: Onde COR pode ser o nome da cor em inglês, em decimal, hexadecimal, RGB, RGBA ou HSLA.
Cabeçalho
Dentro do cabeçalho podemos encontrar os seguintes elementos:
<title>: define o título da página, que é exibido na barra de título dos navegadores
<style type="text/css">: define formatação em CSS
<script type="text/javascript">: define programação de certas funções em página com scripts, podendo adicionar funções de JavaScript.
<link>: define ligações da página com outros arquivos como feeds, CSS, scripts, etc.
<meta>: define propriedades da página, como codificação de caracteres, descrição da página, autor, etc.
Corpo
- Dentro do corpo podemos encontrar outras várias etiquetas que irão moldar a página, como por exemplo:
<h1>, <h2>, ... <h6>: cabeçalhos e títulos no documento em diversos tamanhos.
<p>: novo parágrafo.
<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 as etiquetas <THead><TH> e os rodapés com <TFooter><TR><TD>).
<div>: determina uma divisão na página a qual pode possuir variadas formatações.
<b>, <i>, <u> e <s>: negrito, itálico, sublinhado e riscado, respectivamente.
<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 outros códigos a serem distribuídos.
<abbr>: abreviação (sigla simplesmente abreviada).
<cite>: citação.
<address>:Endereço.
Cores
- As cores devem ser declaradas em CSS, com o atributo style, que funciona em diversos elementos, como por exemplo:
<span style="color:COR">Texto</span>: Onde COR pode ser o nome da cor em inglês, em decimal, hexadecimal, RGB, RGBA ou HSLA.
Última edição por guilherme064 em Ter Out 27, 2015 11:28 pm, editado 1 vez(es)
Edição de Documentos HTML
Os documentos em HTML são arquivos de texto simples que podem ser criados e editados em qualquer editor de textos comum, como o Bloco de Notas do Windows, ou o TextEdit, do Macintosh. Para facilitar a produção de documentos, no mercado existem editores HTML específicos, com recursos sofisticados, que facilitam a realização de tarefas repetitivas, inserção de objetos, elaboração de tabelas e outros recursos. Basicamente dividem-se em dois tipos:
Editores de texto fonte: inserem automaticamente as etiquetas, orientando a inserção de atributos e marcações.
Editores WYSIWYG: oferecem ambiente de edição com um "esboço" resultado final das marcações.
Editores de texto fonte: inserem automaticamente as etiquetas, orientando a inserção de atributos e marcações.
Editores WYSIWYG: oferecem ambiente de edição com um "esboço" resultado final das marcações.
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|