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
Tag | Description |
---|---|
<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
Tag | Description |
---|---|
<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
Tag | Description |
---|---|
<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>
<!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>
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
Tag | Description |
---|---|
<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>
<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>
<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>
<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>
<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
Tag | Description |
---|---|
<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 |