2021-03-23に更新

【学習ノート】フロントエンド学習

概要

フロントエンドの言語学習におけるメモを残す。

言語

  • HTML
  • PHP

学習教材

  • TechAcademy フロントエンドコース

参考になるページ

HTML

最小限の実装

<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="UTF-8">
        <title>タイトル</title>
    </head>
    <body>
        <p>本文です。</p>
    </body>
</html>

DOCTYPE

HTMLのバージョンを示すための宣言であり、必須の要素である。
<!DOCTYPE html>は、HTML5で記述されていることを示す。
参考:http://www.htmq.com/html5/doctype.shtml

その後に続くhtml要素の中に、ページの本文を実装する。

<!DOCTYPE html>
<html>
    <!-- ここにHTML文書が入ります -->
</html>

コメント

コメントを記述するには、<!---->の間にコメントの内容を書きます。
Webページで右クリックして[ページのソースを表示]を選択すると、誰でもコメントを読めてしまうことに注意すること。

<!-- ここにHTML文書が入ります -->

終了タグのない要素

要素は基本的には開始タグと終了タグで囲まれるが、終了タグのない要素がある。
例えば以下の要素。

<meta charset="UTF-8">

他にも、画像を表示するimg要素も終了タグが不要である。

タグ説明

span要素

divなどと同じ、グループ化する役割を持つ。
divやsectionとの違いは、要素の前後に改行が入らないこと。
参考:https://html-coding.co.jp/annex/dictionary/html/span/

ツイッターでシェア
みんなに共有、忘れないようにメモ

caliglacy

組み込み系エンジニアです。 最近はWeb系にも興味があり、学習記録を残すことを目的としてCrieitを使っています。

Crieitは誰でも投稿できるサービスです。 是非記事の投稿をお願いします。どんな軽い内容でも投稿できます。

また、「こんな記事が読みたいけど見つからない!」という方は是非記事投稿リクエストボードへ!

有料記事を販売できるようになりました!

こじんまりと作業ログやメモ、進捗を書き残しておきたい方はボード機能をご利用ください。
ボードとは?

コメント