XHTML CSS escreve um blog regular

O nome completo de um blog deve ser o log da web, o que significa "log de rede" em chinês e, posteriormente, abreviado como blog, e um blog (blogueiro) é a pessoa que escreve o blog. Entendendo, um blog é "um método de publicação que expressa pensamentos pessoais, links on -line, conteúdo, organizado em ordem cronológica e é constantemente atualizado". Simplificando, os blogs são um tipo de pessoa que está acostumada a escrever diários online. Como aplicar o nome completo do blog deve ser o Log da Web, o que significa que o login de rede em chinês e, posteriormente, abreviado como blog, e um blog (blogueiro) é a pessoa que escreve o blog. Entendendo, um blog é um método de publicação que expressa pensamentos pessoais, links on -line e conteúdo, organizado em ordem cronológica e é constantemente atualizada. Simplificando, os blogs são um tipo de pessoa que está acostumada a escrever diários online. Como aplicar HTML e CSS para escrever blog bonito e formal:

Os hiperlinks são as tags HTML mais usadas em blogs. Eles são usados ​​para vincular -se a outros artigos ou links do site. Recomenda -se que você adicione os seguintes atributos ao usar a tag A:

href: defina o endereço da URL ou o ponto de ancoragem do link

Alvo: defina a janela de destino ou a página do quadro depois de clicar no link com o mouse. Geralmente, Target = _blank é comumente usado, o que significa que uma nova janela é aberta para abrir o link. Se você abrir o link na página atual, não precisará adicionar esse atributo.

Título: Defina a mensagem rápida exibida quando o mouse se move para o link

Rel: Este é um novo atributo que só se tornou popular recentemente. rel = Nofollow significa que proibir os mecanismos de pesquisa de vincular deste site, causando alterações no valor do PageRank do URL do link e é frequentemente usado para evitar o link de spam; Rel = Tag Esta é uma configuração Technorati para Technorati que usa o texto deste link como a tag de tag para a página.

Não deve haver muitos links no artigo. Muitos links farão com que os leitores se sintam deprimidos e nervosos ao ler. Se a cor do link e o contraste da cor do texto forem muito grandes, também fará com que as pessoas pareçam deslumbrantes. O melhor efeito de link é ter um contraste de cores leves ou sublinhar e preencher o atributo de título para indicar qual é o conteúdo deste link ou por que você deseja vincular. Às vezes, você também pode anexar links relacionados a este artigo e comentar na lista no final do artigo.

Escrever um blog não pode ser como os romances de Gu Long em uma frase ou outra, por isso é indiscutível escrever um blog de acordo com o estilo de escrita ensinado pelo professor quando ele era estudante. Recomenda -se usar a tag P para segmentar o artigo, o código é o seguinte: <p> Texto do artigo </p>.

Vale ressaltar que muitos blogueiros não têm o hábito de recuar a primeira linha. Alguns deles, na maioria das vezes, também digitam alguns espaços sob o editor. Aqui está o código de indent de primeira linha implementado com o atributo indent de texto do CSS: <pyle style = text-indent: 2em;> texto do artigo </p>. A unidade de recuperação é geralmente 2em, indicando dois caracteres chineses. Não use porcentagem ou outros comprimentos de unidade, como PX e PT. Use EM para manter o recuo dos dois caracteres chineses enquanto a fonte e o layout da página são escalados.

Para blogueiros que gostam de pendurar fotos em artigos, é recomendável definir o atributo alinhado da tag IMG para a esquerda ou direita para alcançar facilmente o enforcamento da imagem e o enrolamento do corpo. Você também pode usar o atributo flutuante da tag Div para pendurar à esquerda e à direita para alcançar o texto do texto. O que é ainda melhor é que você pode perceber a esquerda e a direita para os anúncios do Google Adsense. O código: <div estilo = altura: 100%; largura: 150px; float: à direita;> você pode colocar links de imagem aqui ou colocar o código do Google Adsense como blogs estrangeiros </div>.

Use o <ul> <ol> <li> e outras tags da lista de folhas de estilo para listar algumas entradas de legenda, código: <ul> <li> Problema 1 </li> <li> Problema 2 </li> </ul>.

O tamanho da fonte do texto pode ser definido de acordo com sua preferência pessoal. Geralmente, a versão padrão do sistema de blog é usada (13pt, Song Font e Courier New). Se o texto precisar de uma fonte grande e seu texto for muito grande e empilhado, adicione um estilo ao parágrafo <p>: altura da linha: 120%; Isso significa que a altura da linha é 1,2 vezes a fonte.

Embora todos saibamos que, ao escrever blogs, é melhor ser curto e conciso, mas também é impossível evitar a necessidade de longos artigos de natureza especial. No momento, recomenda -se definir legendas com diferentes níveis, como <H1> <H2> ... <H6> e usar as quatro tags da lista de definições na parte superior do artigo, o efeito da exibição é como o diretório/índice no Word, que pode aumentar a legibilidade e a organização do artigo. Muitos artigos do MSDN da Microsoft estão organizados dessa maneira. Para implementar a função de salto de link, você pode modificar o subtítulo específico modificando a tag Anchor, o código é: <a nome = list1> <h1> Título 1 </h1> </a>.

Recomende o uso da tag <lockquote>, que pode reduzir automaticamente as extremidades esquerda e direita da página. Geralmente, o padrão é de 40 pixels recuados, por exemplo: <BlockQuote style = Background-Color: #f7f7f7; borda: 1px pontilhado #dedbde; preenchimento: 10px;> Este é um exemplo de citação </lockquote>