ホームページ > ウェブフロントエンド > htmlチュートリアル > XHTML CSS は正式な BLOG_HTML/Xhtml_Web ページ制作を作成します

XHTML CSS は正式な BLOG_HTML/Xhtml_Web ページ制作を作成します

WBOY
リリース: 2016-05-16 16:45:15
オリジナル
1511 人が閲覧しました

Blog の正式名称は、中国語で「ネットワーク ログ」を意味する Web log である必要があります。これが後に Blog と略され、ブロガー (Blogger) はブログを書く人のことです。理解する観点から見ると、ブログは「個人の考え、ネットワーク リンク、コンテンツを表現し、時系列に並べて継続的に更新する出版方法」です。簡単に言えば、ブロガーはオンラインで日記を書くことに慣れているタイプの人々です。 HTML と CSS を使用して美しくフォーマルなブログを書く方法:
a タグを正しく使用する
ハイパーリンクは、ブログで最もよく使用される HTML タグです。他の記事にリンクするために使用されます。またはサイトのリンクについては、a タグを使用するときに次の属性を追加することをお勧めします。
href: リンクの URL アドレスまたはアンカー ポイントを設定します。
target: ターゲットのウィンドウまたはフレーム ページを設定します。一般的に使用されるのは、リンクを開くために新しいウィンドウを開くことを意味します。
title:マウスがリンク上に移動したときに表示されるプロンプト情報を設定します。
rel: これは、新しいプロパティが普及し始めているものです。 rel="nofollow" は、検索エンジンがこのサイトにリンクし、リンクされた URL のページランク値を変更することを禁止することを意味します。これは、テクノラティがテキストを使用するのを防ぐためによく使用されます。このリンクをページタグとして使用します。
記事内にリンクが多すぎると、リンクの色とテキストの色のコントラストが大きすぎると、読者が憂鬱になり、緊張してしまいます。人々は眩しそうに見える。最良のリンク効果は、明るい色のコントラストまたは下線を付け、リンクの内容やリンクされている理由を示すタイトル属性を記入することです。場合によっては、この記事に関連するリンクを添付し、記事の末尾のリストに注釈を付けることもできます。
記事を段落に分ける良い習慣を身につけよう
ブログを書くのは、古龍の小説のように段落ごとに 1 文ずつというわけにはいかないので、教えられた書き方に従ってブログを書くのは異論の余地がありません学生時代に先生から。記事を分割するには p タグを使用することをお勧めします。コードは次のとおりです:

記事テキスト


多くのブロガーは最初の行をインデントする習慣がないことに注意してください。エディターで数個のスペースを入力するだけの人もいます。CSS の text-indent 属性を使用して最初の行をインデントするコードは次のとおりです。 🎜> 記事テキスト

のインデント単位は通常 2em で、これは 2 つの漢字を表します。パーセンテージや px、pt などの他の単位の長さは使用しないでください。Em を使用すると、ページのフォントを変更するときに 2 つの漢字間の距離を維持できます。とレイアウトはインデントを拡大縮小します。

記事内に写真をぶら下げたい一部のブロガーの場合、img タグの align 属性を left または right に設定して、簡単に写真をぶら下げたりテキストを折り返すことをお勧めします。 div タグの float 属性を使用して、左と右にハングしてテキストを折り返すこともできます。コード:
ここに画像リンクを配置することも、外国語のように配置することもできます。ブログ。Google アドセンス コード

リストにはリストを使用し、行の高さを設定するには line-height を使用します。 スタイルシートリストの
      などのタグを使用して、いくつかの字幕エントリをリストします。コード:
      • 質問 1
      • 質問 2
      メインテキストのフォントサイズは、個人の好みに応じて設定できます。メインテキストに大きなフォントが必要な場合は、通常、ブログシステムのデフォルトのサイズが使用されます(13pt、宋王朝、宅配便新)。大きすぎて積み重ねられているように見える場合は、
      スタイルを追加します: line-height:120%; これは、行の高さがフォントの 1.2 倍であることを意味します。


      超長文のための組版スキルブログを書くときは記事を短く簡潔にすることが良いことは誰もが知っていますが、特殊な性質の記事の一部は長くなることが避けられません。現時点では、

      ...

      を使用してさまざまなレベルで字幕を設定し、先頭にある 4 つの定義リスト タグ

      を使用することをお勧めします。 Word と同じように記事を表示する 記事の目次/索引のスタイルにより、記事の読みやすさと構成が向上します。Microsoft の MSDN の多くの記事はこのように配置されています。リンク ジャンプ機能を実装するには、
      アンカー タグを使用して特定のサブタイトル、コード: タイトル 1

      を変更します。

      ブログでよく使われるその他のHTML他人の記事の断片を引用する場合は、
      タグを使用することを推奨します。このタグは、左右端のインデントを自動的に実現します。通常、デフォルトのインデントは 40 ピクセルです。例:
      これは引用スタイルの例です
    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    最新の問題
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート