HTML define <H1> </h1> para <h6> </h6> seis tags <H>, que são usadas para o título (título) de fontes de tamanho diferentes, respectivamente. A fonte é de grande a pequena, <H1> a maior e <H6> a menor.
Os rótulos do cabeçalho precisam observar: a. Como o rótulo do cabeçalho é um elemento de nível de bloco, por padrão, o HTML adicionará automaticamente uma linha vazia adicional (<br/>) antes e depois dos elementos do nível do bloco. b. Como a tag de cabeçalho é muito amigável para o SEO, os mecanismos de pesquisa usam o título e o índice de compilação de conteúdo usando o título do seu site, e os usuários podem navegar rapidamente suas páginas da web pelo título, por isso é importante apresentar a estrutura do documento com o título . <H1> deve ser usado como o título principal (mais importante), seguido por <H2> (secundário) e depois <H3> e assim por diante.
<!-<H> Tags são configurações. </h3> <h4> China quatro </h4> <h5> China cinco </h5> <H6> China 6 </h6>
O efeito é como mostrado abaixo, o tamanho da fonte é de grande a pequeno:
2. Mudar <br/>, não mude <Born> </br> e segmentos <p> </p>Em relação à diferença entre alterações de rótulos em html <br/> e rótulos segmentados <p> </p> é que o rótulo de negociação <br/> é apenas inserir, <p> </p> é segmento. Como o rótulo <p> é um elemento de nível de bloco, ele terá um espaço em branco relativamente grande antes e depois (adicionando automático <br/>) e o rótulo é um elemento de linha. e depois. Existe um rótulo <br/> Rótulo <Born> </borr>, o que significa que não é alterado e geralmente é usado para impedir que o navegador mude automaticamente a linha em que o código do programa não precisa ser alterado.
<!-Mudar e segmentos:-> <p> Este é o primeiro <r /> <! /p> <p> Este é o segundo parágrafo </p> <!-Divide -stidal Change-> int i = 0, j = 10;3. Tag horizontal <hr/>
<hr /> Crie uma linha horizontal na página HTML. É uma maneira de usar a linha horizontal (tag <HR>) para separar as seções do artigo. As tags <hr/> podem definir largura e alta altura, e esses dois atributos têm pixels e expoentes percentuais, respectivamente. Além disso, as tags <hr/> incluem os atributos do tamanho (espessura), cor (cor) e Noshade (sem sombra).
<! /1999/xhtml> <head> <title> </title> </adingle> <body> <hr size = 5 color =#ff0000/> <! -Width atributo é 60px-> <hR da largura = 60% /> <!-Largura é 60%-> <h tamanho = 10 /<!-O tamanho é 10px-> <h tamanho = 10% /> <!-Tamanho é 10%-> <!-alinhar atributos, com os valores de esquerda, direita e centro ---, respectivamente> <hr width = 20% align = esquerda /> <hr width = 20% alinhe = direita / > <hr width = 20% align = center/> <hr color =#ff0000/> <!-atributo Noshade, configurações sem efeito de sombra-> <hr noshade = noshade/> </body> </html>4. Tag de formatação de texto
<!-Rótulos de formato de texto comum-> <Center> Parque do blog </fente> Display <b> Olá, mundo! </b> Corpo grosso, recomendado <strong> tags. CLAMP </i> corpo sincero. <u> Eu sou um rótulo de linha descendente </u> com a linha. <em> Enfatize que o corpo oblíquo </em> <subs> 2 </su> é resolvido, como: H <Sub> 2 </fum> o <sp> 2 </su> 2 </sub> < !-Defina o tamanho da fonte pode ser dividido no tamanho da fonte absoluto e no tamanho da fonte relativa. <! -O valor da fonte absoluta é o valor do tamanho de 1-7-> <!-cor (defina a cor) tamanho (1-7). -> <!-Os atributos do rosto são usados para definir fontes-> <font> </font> rótulo de font, <font color = vermelho size = 7 face = lishu> vermelho </font>5. Rótulo pré -format <pre>
<PRE> rótulo pré -formado, mantenha o conteúdo da exibição da página da web. Ele pode ser usado para uma exibição especial de conteúdo ou também pode ser usada para exibir o código -fonte da programação de computador (como o código -fonte do jardim do blog, é exibido pela tag <pre>).
<p> PRE Rótulo Exibir algumas esperanças especiais da tela original: </p> <pre> Eu sou um bom garoto, eu gosto disso ah ah ah, esta é uma etiqueta pré -format ____ (. / / | / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / |6.
<arquee> </sharquee> Tags para dizer ao navegador para mostrar o texto e as imagens deles.
<div> <!-marcador de marcas Alguns navegadores Support: isto é, ff-> <!-Direção Atributos: a direção do movimento do conteúdo especificado, o valor do valor é deixado, direito, para cima e para baixo-> <!- -BeHavior Attribute: Especifique o comportamento do rótulo, o valor do valor é rolagem, alternativa e slide-> <Marquee Direction = Scrollay esquerdo = Comportamento = Alternativo> Olá a todos, por favor, venha à minha página inicial! ...... </arqueia> </div>7. Outros rótulos de formato.
<! /1999/xhtml> <head> <title> </title> </head> <body> <!-<bbr> Exibir abreviação!-<nynys> Mostre a abreviação de uma frase:-> <!-!-<!-<! BlockQuote> Defina as referências de texto longo:-> <lockquote> <p> Além de dois ou três dias, as melhores previsões do mundo são especuladas e além de seis ou sete são inúteis !-Endereço <endereço>, assinatura, informações do autor do documento, etc. A ordem do texto exibindo pelo rótulo através do atributo dir:-> <bdo dir = ltr> nó de energia </bdo> <!-ltr: esquerda para a direita, da esquerda para a direita-> <bdo dirr = rtl> nós de energia </bdo> <br/> <!-rtl: direita para a esquerda, da direita para a esquerda-> </body> </html>2. Lista HTML
<! /xhtml> <head> <title> </title> </ading> <body> <b> html Lista: </b> <br/> <hr size = 5 color =#ff0000;/> <r/> <!-Primeiro, a lista de sequência (UL: Lista não ordenada)-> <Font Size =+ Color =#FF FACE = Kaita chinesa> i. Banana </li> <li> Apple </li> <li> Orange </li> </ul>. > -> <ul type = círculo> <li> banana </li> <li> Apple </li> <li> laranja </li> </ul> <ul type = square> <li> banana </i li > <li> Apple </li> <li> Orange </li> </ul> 3. Uso misto de valores de atributo, enfatizando o papel: <br/> <ul type = círculo> <li> banana </li > <li type = disco> Apple </li> <li> laranja </li> </ul> <!-Segundo, uma lista ordenada (OL, Lista ordenada)-> <Font Size = +1 color =#00FF00 FACE = Kaita chinesa> II. </ol> 2. Use o tipo atributos: <la/> <type = i> <li> Basquete </li> <li> Vôlei </li> <li> futebol </li> </ol> <oll tipo = a> <li> Basquete </li> <li> Vôlei </li> <li> futebol </li> </ol> 3. O número frontal do item da lista: <r/> <lockQuote> a . Futebol </li> </ol> B. <font color =#ffff> vlaue </font> Pratique separadamente: <br/> <m> <li> Basquete </li> <Li Value = 5> Vôlei </li> <li> Football </li> </ol> C. <font color =#ffff> Iniciar, valor </font> Uso conjunto: <br/> <ol start = 8> <li> Basquete < /li> <Li Value = 15> Vôlei </li> <li> futebol </li> </ol> </lockquote> <font size =+1 color =# 00ff00 face = padrões '> iii. </font> <r /> 1. Na lista de seqüências, lista sem nação: <r /> <ul> <li> bebidas </li < /li </li> <li> frutas <ul> < li> banana </li> <li> Apple </li> <li> laranja </li> </li> <li> vegetal </li> <li> chá </li> </ul> 2. Lista em série na lista não -serrial: <br/> <ul> <li> bebidas </li> <li> fruty <ol> <li> banana </li> <li> Apple </li> <li> Laranja </li> </ol> </li> <li> VEGEBAL </li> <li> chá </li> </ul> 3. Pedido na lista, a lista de sequência é definida: <br/> <ol> <li> Bebidas </li> <li> frutas <ol> <li> banana </li> <li> Apple </li> <li> laranja </li> </ol> </li> <li> vegetal </li> <li> Tea </li> </ol> 4 .. Ol> <li> Drinks </li> <li> Frutas <ul> <li> banana </li> <li > Apple </li> <li> laranja </li> </ul> </li> <li> Vegeta Lista: <la/> <li> Bebidas </li> <li> Fruta <ul> <li> Banana </li> <li> Apple <ul> <li> É produzida no Brasil </li> <li > É produzido na China </li> </ul> </li> <li> laranja </li </li> </ul> </li> <li> vegetal </li> <li> chá < /li> </ol> <!-Terceira, defina Lista (DL, Lista Definitin)-> <Font Size =+1 Color =#00FF00> IV. : <dt> O segundo item do título </dt> <dd> Interpretação do segundo item do título </dd> </dl> entre eles: <dl> para identificar o início da lista; da lista de definições; -> <dl> <!-dt: termo de definição (termo de definição) define o título de Pequim </dd> <dt> shanghai </dt> <d> China Centro Econômico </dd> <dt> Shenzhen </dt> <dd> A vanguarda da reforma da China e abrindo </dd> </dl> </ /Body> </html>
Muitos rótulos podem ser usados para alterar a aparência do texto e associar seu significado oculto para o texto. Em geral, essas tags podem ser divididas em duas categorias: estilo baseado em conteúdo e estilo físico.
1. Estilo baseado em conteúdo
As tags de estilo baseadas em conteúdo dizem ao navegador que o texto que ele contém tem um significado, contexto ou uso específico. Em seguida, o navegador aplicará o formato do significado, contexto ou uso no texto. Observe que o conteúdo do rótulo baseado em conteúdo fornece o significado, não formatando. Portanto, eles são muito importantes para o processamento automático;
Como o estilo de fonte é especificado por pistas semânticas, o navegador pode escolher um estilo de exibição adequado para os usuários. Devido aos vários estilos de locais diferentes, o uso de estilos baseados em conteúdo pode ajudá -lo a garantir que sua documentação seja significativa para os leitores em uma ampla gama. Isso é particularmente importante no navegador usado por esses cegos e deficientes, porque suas opções de exibição podem ser fundamentalmente diferentes do nosso texto tradicional ou têm limitações muito grandes em alguns aspectos.
Os padrões atuais HTML e XHTML não definem um formato para cada rótulo baseado em conteúdo; Os padrões nem exigem que esses estilos baseados em conteúdo sejam exibidos de maneiras diferentes. Em aplicações práticas, você pode achar que muitos desses rótulos têm um relacionamento muito óbvio com a impressão tradicional.
Ao usar tags de estilo baseadas em HTML/XHTML, você deve seguir algumas regras, porque simplesmente pensando em como o texto deve ser exibido e é muito fácil saber qual é o significado desses textos. Depois de começar a usar estilos baseados em conteúdo, o documento será mais consistente e pode ajudar a executar melhor a pesquisa automática e a edição de conteúdo. Essas tags são:
<bbr> <nymy> <cite> <code> <dfn> <em> <kbd> <shert> <strong> <ars>
2. Estilo físico
Ao discutir os rótulos de estilo baseados em conteúdo, geralmente usamos a palavra intenção. Isso ocorre porque o significado transmitido pelo rótulo é mais importante que o navegador que exibe texto. No entanto, em alguns casos, pode ser considerado por razões de legitimidade ou direitos autorais. Nesse caso, você pode usar estilos físicos para texto.
Embora a tendência de outros sistemas de processamento de texto seja para controlar com precisão os estilos e a aparência, ao usar HTML ou XHTML, os rótulos físicos devem ser evitados, a menos que haja muito poucos casos. Devemos fornecer informações de contexto ao navegador o máximo possível e usar estilos baseados em conteúdo. Embora o navegador agora esteja exibindo esses textos por caracteres oblíquos ou de corpo grosso, o navegador futuro e várias ferramentas de geração de documentos podem usar esses estilos baseados em conteúdo de uma maneira muito criativa.
Os padrões atuais de HTML/XHTML fornecem um total de 9 estilos físicos, incluindo ousado, itálico, monoescoado, sublinhado, atingido, maior, maior) e estreitamento. Essas tags são:
<b> <big> <i> <s> <small>
O rótulo de formato comum é apresentado pelo editor para você. Muito obrigado pelo seu apoio ao site VevB Wulin!