- 2020.08.05
- small,
HTML small タグの使い方
HTMLの<small>タグは、<footer>で著作権表示をするのによく使います。 たとえば、下のようにコーディングすると、 ブラウザでこのように表示されます↓ MDNリファレンスによると、 HTMLの<small>要素は、表示上のスタイルとは関係なく、著作権表示や法的表記のような、注釈や小さく表示される文を表します。既定では、small から […]
HTML
- 2020.08.05
HTML ダミーの文書を入力する簡単な方法 Lorem
HPやブログを作成するときに、ダミーの文書を仮置きしたい場合、 Visual Studio Codeで”Lorem”と打つと、簡単にできます。 ※自動補完機能が有効であることが前提 入力される仮の文章 Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur deleniti tem […]
- 2020.08.05
- article,
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 […]
HTML inputタグ type=”date” の使い方
HTMLの<input>タグ type=”date”は、日付選択フォームの表示に使います。 <input type=”date” name=”” id=””> とコーディングすると、 日付選択フォームが現れます。 ちなみに、Visual Studio Codeで入 […]
- 2020.07.31
- hr,
HTML hrタグの使い方
HTMLの<hr>タグは、横線を引くのに使われます。 <hr> とコーディングすると、 横線を引けます。 MDNリファレンスによると、 HTMLの<hr>要素は、段落レベルの要素間において、テーマの意味的な区切りを表します。 例えば、話の場面の切り替えや、節内での話題の転換などです。 https://developer.mozilla […]
- 2020.07.29
- main,
HTML mainタグの使い方
<main></main>はサイトのコンテンツを表すのに使います。 <body>タグ内に配置します。 たとえば、 <main>サイトのコンテンツです</main> とコーディングすると、ブラウザに表示されます。 MDNリファレンスによると、 HTMLの<main>要素は、文書の<body> […]
- 2020.07.29
- header,
HTML headerタグの使い方
<header></header>タグは、サイトのタイトル等※を表すのに使われます。 <body>タグの中に配置します。 （<HTML>直下の<head>とは別物であることに注意。<head>はコンピュータがサイトの内容を認識するためのメタデータを表示する部分であり、他方、<header>は<body> […]
- 2020.07.29
- title,
HTML titleタグの使い方
HTMLタグ <title></title>は、ブラウザのタブに表示される文字です。 <head>内に配置します。 たとえば、下記のとおりコーディングすると、 <title>ブラウザのタブに表示</title> ブラウザのタブに表示されます。 参考にしたMDNリファレンス https://deve […]