Tutorial HTML Part3

HTML Formatação de Texto


<!DOCTYPE html>
    <html>
      <body>

      <p><b>This text is bold</b></p>
      <p><strong>This text is strong</strong></p>
      <p><i>This text is italic</i></p>
      <p><em>This text is emphasized</em></p>
      <p><code>This is computer output</code></p>
      <p>This is<sub> subscript</sub> and <sup>superscript</sup></p>

     </body>
   </html>



Formatação HTML Marcações
HTML utiliza tags como <b> e <i> para a saída de formatação, como negrito ou itálico texto.

Estas tags HTML são chamados de tags de formatação (olhar para a parte inferior da página para obter uma referência completa).

Observação Muitas vezes <strong> processa como <b> e <em> processa como <i>.

Entretanto, há uma diferença no sentido de estas tags: <b> ou <i> define apenas o
 texto em negrito ou itálico. <strong> ou <em> significa que você deseja que o texto
 a ser prestado de forma que o usuário entenda como "importante". Hoje, todos os principais
 navegadores tornar forte como negrito e itálico los como. No entanto, se um navegador de
 um dia quer fazer um texto em destaque com a característica forte, pode ser cursiva,
 por exemplo, e não negrito!

HTML Formatação de texto Marcações

TagDescription
<b>Defines bold text
<em>Defines emphasized text 
<i>Defines a part of text in an alternate voice or mood
<small>Defines smaller text
<strong>Defines important text
<sub>Defines subscripted text
<sup>Defines superscripted text
<ins>Defines inserted text
<del>Defines deleted text
<mark>Defines marked/highlighted text

HTML "saída do computador" Etiquetas

TagDescription
<code>Defines computer code text
<kbd>Defines keyboard text 
<samp>Defines sample computer code
<var>Defines a variable
<pre>Defines preformatted text

Citações HTML, cotações, e Definição Tags Os

TagDescription
<abbr>Defines an abbreviation or acronym
<address>Defines contact information for the author/owner of a document
<bdo>Defines the text direction
<blockquote>Defines a section that is quoted from another source
<q>Defines an inline (short) quotation
<cite>Defines the title of a work
<dfn>Defines a definition term

Os links são encontrados em quase todas as páginas da web. Links permitem que os usuários a clicar o seu caminho a partir de uma página para outra.

Exemplos
Tente você mesmo - Exemplos
Links em HTML
Como criar links em um documento HTML.

(Você pode encontrar mais exemplos no final desta página)

Hyperlinks HTML (Links)
A tag <a> HTML define um hyperlink.

Uma hiperligação (ou link) é uma palavra, grupo de palavras, ou a imagem que você pode clicar para saltar para outro documento.

Quando você move o cursor sobre um link em uma página da Web, a seta vai se transformar em um pouco de lado.

O atributo mais importante do elemento <a> é o atributo href, que indica o destino do link.

Por padrão, os links vão aparecer da seguinte forma em todos os navegadores:

Um link não visitado é sublinhado e azul
Um link visitado é sublinhado e roxo
Um link ativo é sublinhado e vermelho
Sintaxe HTML Link
O código HTML para um link é simples. Parece que este:

<a href="url">Link text</a>
O atributo href especifica o destino de um link.

Ex:

que irá mostrar como esta: Visitar OmegaShare

<a href="http://www.omegapontocom.blogspot.com.com/">OmegaShare</a>

Ao clicar neste link irá enviar o usuário para a página inicial "OmegaShare.

Dica: O " texto do link "não tem que ser um texto. Ela pode ser uma imagem ou qualquer outro elemento HTML.

HTML Links - o atributo target
O atributo target especifica que para abrir o documento vinculado.

O exemplo abaixo irá abrir o documento vinculado em uma nova janela do navegador ou uma nova aba:

<!DOCTYPE html>
<html>
<body>

<a href="http://www.omegasharepontocom.blogspot.com.brm" target="_blank">Visit OmegaShare!</a>

<p>If you set the target attribute to "_blank", the link will open in a new browser window/tab.</p>

</body>
</html>

HTML Links - O atributo id
O ID de atributo pode ser utilizado para criar um indicador dentro de um documento HTML.

Dica: Favoritos não são exibidos em qualquer forma especial. Eles são invisíveis para o leitor.

Exemplo
Uma âncora com um id dentro de um documento HTML:

<a id="tips">Useful Tips Section</a>
Crie um link para o "Dicas Úteis Section" dentro do mesmo documento:
<a href="#tips">Visit the Useful Tips Section</a>
Ou então, criar um link para o "Dicas Úteis Section" de outra página:
<a href="http://www.omegapontocom.blogspot.com.br/html_links.htm#tips">
Visit the Useful Tips Section</a>


Observações Básicas - Dicas Úteis
Nota: Sempre adicionar uma barra de referências subpasta. Se você ligar assim:
 href = "http://www.omegasharepontocom.blogspot.com.br/html", você vai gerar dois pedidos para o servidor, 
o servidor primeiro adicionar uma barra para o endereço e, em seguida, criar uma nova 
solicitação como esta : href = "http://www.omegapontocom.blogspot.com.br/html/".

HTML tags de link

TagDescription
<a>Defines a hyperlink
Tente você mesmo - Exemplos
<title> - Defina um título para um documento HTML
Use a tag <title> para definir um título de um documento.

<base> - URL padrão e alvo de todas as ligações
Use a tag <base> para especificar uma URL padrão e um destino padrão para todos os links em uma página.

<meta> - Fornecer metadados para um documento HTML
usar elementos <meta> para especificar uma descrição, palavras-chave, autor, eo conjunto de caracteres de um documento.

O elemento HTML <head>
O elemento <head> é um contêiner para todos os elementos da cabeça. Elementos dentro <head> pode incluir scripts,
 instruir o navegador onde encontrar folhas de estilo, fornecer informações meta, e muito mais.

As seguintes tags podem ser adicionadas à seção de cabeça: <title>, <style>, <meta>, <link>, <script>, <noscript> e <base>.

O <title> Elemento HTML
A tag <title> define o título do documento.

O elemento <title> é necessária em todos os documentos HTML / XHTML.

O elemento <title>:

define um título na barra de ferramentas do navegador
fornece um título para a página quando ela é adicionada a favoritos
exibe um título para a página de resultados do motor de busca
Um documento HTML simplificado:

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>

O <base> Elemento HTML

A tag <base> especifica a URL base / alvo para todas as URLs relativas em uma página:
<head>
<base href="http://www.omegapontocom.blogspot.com.br/images/" target="_blank">
</head>


O elemento HTML <link>

A tag <link> define a relação entre um documento e um recurso externo.
A tag <link> é mais utilizado para conectar-se a folhas de estilo:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>


O <style> Elemento HTML

A tag <style> é usado para definir informações de estilo para um documento HTML.
Dentro do elemento <style> você especificar como os elementos HTML deve processar em um navegador:
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>


O elemento HTML <meta>

Metadados são dados (informações) sobre os dados.
A tag <meta> fornece metadados sobre o documento HTML. Metadados não será exibido na página, mas será parsable máquina.
Meta elementos são normalmente usados ​​para especificar descrição de página, palavras-chave, autor do documento, modificada pela última vez, e outros metadados.
Os metadados podem ser utilizados pelos navegadores (como exibir conteúdo ou página reload), os motores de busca (palavras-chave), ou outros serviços web.
tags <meta> sempre ir para dentro do elemento <head>.

<meta> Tags - Exemplos de Uso

Definir palavras-chave para os motores de busca:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
Defina uma descrição de sua página web:
<meta name="description" content="Free Web tutorials on HTML and CSS">
Definir o autor de uma página:
<meta name="author" content="Hege Refsnes">
Atualizar documentar a cada 30 segundos:
<meta http-equiv="refresh" content="30">


O elemento HTML <script>

A tag <script> é usado para definir um script do lado do cliente, como um JavaScript.
O elemento <script> será explicado em um capítulo posterior.

Elementos cabeça HTML

TagDescription
<head>Defines information about the document
<title>Defines the title of a document
<base>Defines a default address or a default target for all links on a page
<link>Defines the relationship between a document and an external resource
<meta>Defines metadata about an HTML document
<script>Defines a client-side script
<style>Defines style information for a document