HTML

HTML small タグの使い方

HTMLの<small>タグは、<footer>で著作権表示をするのによく使います。 たとえば、下のようにコーディングすると、 ブラウザでこのように表示されます↓   MDNリファレンスによると、 HTMLの<small>要素は、表示上のスタイルとは関係なく、著作権表示や法的表記のような、注釈や小さく表示される文を表します。既定では、small から […]

  • 2020.08.05

HTML ダミーの文書を入力する簡単な方法 Lorem

HPやブログを作成するときに、ダミーの文書を仮置きしたい場合、 Visual Studio Codeで”Lorem”と打つと、簡単にできます。 ※自動補完機能が有効であることが前提   入力される仮の文章 Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur deleniti tem […]

HTML article タグの使い方

HTMLの<article>タグは、ブログ記事で使います。 たとえば、1つのブログ記事がヘッダー情報(タイトル・投稿日時)と記事本文のセットとするとき、 とコーディングすると、ブラウザではこう見えます↓ 「ここからここまでのかたまりが1記事ですよ」と表したいときは、<article></article>で囲みましょう。   MDNリファレンスによると、 […]

HTML unsplashのランダムイメージを使う方法

ホームページを作成するのに、とりあえず画像を表示させたい場合、unsplashのランダムイメージが便利です。 <img src=”https://source.unsplash.com/random/50×50″> とコーディングすると、50px ×50pxのサイズでランダムな画像が表示されます。 URLの末尾に画像のサイズを指定できます。 width […]

  • 2020.07.31
  • ,

HTML hrタグの使い方

HTMLの<hr>タグは、横線を引くのに使われます。   <hr> とコーディングすると、 横線を引けます。   MDNリファレンスによると、 HTMLの<hr>要素は、段落レベルの要素間において、テーマの意味的な区切りを表します。 例えば、話の場面の切り替えや、節内での話題の転換などです。 https://developer.mozilla […]

HTML mainタグの使い方

<main></main>はサイトのコンテンツを表すのに使います。 <body>タグ内に配置します。   たとえば、 <main>サイトのコンテンツです</main> とコーディングすると、ブラウザに表示されます。   MDNリファレンスによると、 HTMLの<main>要素は、文書の<body> […]

HTML headerタグの使い方

<header></header>タグは、サイトのタイトル等※を表すのに使われます。 <body>タグの中に配置します。 (<HTML>直下の<head>とは別物であることに注意。<head>はコンピュータがサイトの内容を認識するためのメタデータを表示する部分であり、他方、<header>は<body> […]

HTML titleタグの使い方

HTMLタグ <title></title>は、ブラウザのタブに表示される文字です。 <head>内に配置します。   たとえば、下記のとおりコーディングすると、 <title>ブラウザのタブに表示</title>   ブラウザのタブに表示されます。   参考にしたMDNリファレンス https://deve […]