タグ

ブックマーク / step-learn.com (2)

  • span要素にwidth(横幅)を指定する方法

    span 要素は「インライン要素」なので、 来は 「width」プロパティで横幅を指定することはできません。 ですが「display:inline-block;」 を指定することでインラインレベルのブロック要素となり、 width(横幅)や height(高さ)を指定することができます。 width、height を指定するサンプルコード 次のように「display:inline-block;」を指定することで、 width や height プロパティを指定できるようになります。 span { display: inline-block; width: 100px; height: 20px; } 「display:inline-block;」とは? 「display」プロパティは、要素の表示形式を指定するプロパティです。 値として「inline-block」を指定することで、 指定さ

    iww
    iww 2023/01/12
  • HTML: HTML5のひな形

    HTML5で文書を記述していくにあたって、「ここからスタートする」という ひな形があります。ここではひな形をつくるプロセスをみていきます。 入門者にもわかるように一歩ずつ進めていきます。 今回作るひな形の完成形 最初に、今回作るひな形の完成形を表示しておきます。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> </html> ドキュメントタイプの宣言 まずは文書がHTML5で記述されていることを知らせる必要があります。 これを「ドキュメントタイプの宣言」といい、HTML5では以下のように 記述します。DOCTYPEは大文字で、htmlは小文字で記述してください。 <!DOCTYPE html> html タグ 次にhtml タグでHTM

  • 1