💣

HTMLだけでOSもどきを作る #1

2024/05/21に公開

HTML

osもどき

tech

今回からYouTubeで公開した動画を少し詳しく書いているものを作ります。
このシリーズではコードを全てオープンソースとするので好きに使ってください。

今回の動画はあまり詳しく説明する部分がないので謎に太字にならなかったの部分と
たくさん種類のある空白の特殊文字について解説します。

iroはを正しく書いていました。………多分
しかしテキストが強調されていなかったので謎です。
理由が分かる人は動画のコメント欄に書いてくれると嬉しいです。
さて、の解説に入ります。
に似たものにととがあるみたいです。
↓使い分け方はこう↓
引用:吉川ウェブ
強調タグを調べていると太字じゃなくてアンダーラインがひかれたりするなど、
ブラウザによって効果が違うことがあることもわかりました。
多分Chromiumベースのブラウザ(Chrome,Edge,Vivaldi等)とWebKitベース(Safari等)なら
全部太字っぽい？

HTMLではSpaceキーを押しても空白はできません。
特殊文字を挿入しないと空白はできないのです。
特殊文字が1つだけなら良いのに、4つも種類があるので混乱します。

引用:DMM WEBCAMP
多分①と④を覚えれば困らないとは思います。
実際iroは①と④しか使ってないので。

今回の解説はこれで終わります。
動画で作ったコードは下です

index.html

<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>OSもどき</title>
 <style>
   
  </style>
</head>

<body>
 <h1>うわーーーーーーーーーーー</h1>
  <br>
  <h3>こんにちは&emsp;<strong>おはよう</strong>&emsp;さようなら</h3>
  <p>田中です</p>
 <script>
   
 </script>
</body>

</html>

↓動画はこれ↓

Discussion