HTMLで章の手紙を作る方法

著者: Florence Bailey
作成日: 19 行進 2021
更新日: 1 J 2024
Anonim
HTML講座 上巻 第1章「HTMLについて」【動学.tv】
ビデオ: HTML講座 上巻 第1章「HTMLについて」【動学.tv】

コンテンツ

Webページに章を追加して、段落の最初の文字を本や新聞の大きな文字のように見せることができます。それはテキストの他の部分より大きくする必要があり、他の文字はそれを包むべきです。 HTMLページ内でCSSスタイルを使用して大文字の大文字を実装できます。


説明書

HTMLで大文字を作る方法を学ぶ (Comstock Images / Stockbyte / Getty Images)
  1. HTMLエディタを開き、チャプターに追加したいファイルをロードします。

  2. HTMLファイルのheader()部分に、新しいカスケードスタイルシートまたはCSSクラスを追加します。重要なことは、別のテキストが文字を囲むようにスタイルを「浮かせる」ことです。これを行う方法の例は、次のコードです。

    type = "text / css" media = "all"> .my_drop_cap {float:left;行の高さ:1。フォントサイズ:4em。右マージン:0.1em。フォントの太さ:太字。 }
  3. 頭に入れたい文字を ""タグで閉じます。タグはヘッダに作成されたクラスに対応します。前の例を使用して、このコードをHTMLのbodyセクションに追加します。

    ドロップキャップレター

  4. HTMLファイルを保存し、それをWebブラウザにロードして首都を確認します。

お知らせ

  • 古いバージョンのブラウザでは、予期しない方法で特定のCSSコードが表示されることがあります。 HTMLページを複数のブラウザにロードして、正しく表示されていることを確認します。