oshushichangのブログ

プログラマになるため、勉強した内容を日報として家庭用esaに記録し、旦那からFBを貰っている日々を綴っています。

0627日報

日報

やったこと

やったこと ないよう さんこう
少し詳しいHTMLの説明 10.文書型宣言の意味 - 15.HTML 4.0について ごく簡単なHTMLの説明
HTML5 HTML5 とはなにか , 構造化タグの細分化について html5とは:html5の特徴
HTMLの課題 課題のテキストを自分なりに HTML5マークアップする HTMLクイックリファレンス
Markdown Markdownとは · 日本語Markdownユーザー会

こまったこと・わかったこと

強調するときのタグの選び方

  • 強くしたいときはstrong
  • 他と区別したいときはem

インデントの合わせ方

  • atom-beauty で揃えたら思ってたんと違う...となった
  • <head> <body>が一番左から始まり、なんで揃えたのにインデントされないんだろう?と思ったが、これでも良いらしい。
<!-- omottetantochigau.html -->
<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="utf-8">
    <title>カレーのレシピ</title>
</head>

<body>
    <article>


<!-- omotteta.html -->
<!DOCTYPE html>
<html lang="ja">

    <head>
        <meta charset="utf-8">
        <title>カレーのレシピ</title>
    </head>

    <body>
        <article>

Markdownのタグの種類

  • Markdownは書き慣れてはいたが、知らないことがあった。
  • リンクのURLを段落外に出す方法(文中では[hoge]でテキストを記載し、欄外に[hoge]: URLと書いてもリンクが貼れる!)
  • *1 つは<em>に等しい
  • **2 つは<strong>に等しい(ただ太字にしているだけだと思っていた)

ひとこと

  • HTML を勉強するにあたって出てきた様々な横文字たち( HTML4 , HTML5 , XHTML , W3C ... )の歴史と立ち位置が一気に理解ができておもしろかった(スライド1 - 15)
  • 日報フォーマットの見た目を変更してみました!(困ったことから分かったことへの紐付けがしやすい書き方にしたかったため)

旦那より

リンクのURLを段落外に出す方法(文中では[hoge]でテキストを記載し、欄外に[hoge]: URLと書いてもリンクが貼れる!)

知らなかったこれ!

HTML を勉強するにあたって出てきた様々な横文字たち( HTML4 , HTML5 , XHTML , W3C ... )の歴史と立ち位置が一気に理解ができておもしろかった(スライド1 - 15)

よかった!

日報フォーマットの見た目を変更してみました!(困ったことから分かったことへの紐付けがしやすい書き方にしたかったため)

エモい!

今日のまとめ

  • 旦那より知ってることがあるとなんかうれしいというきもち!!!ふふふ
  • 小中学生の頃に自分で html 書いてた時代から、いっきに時期が空いてるせいかインターネット老人感をひしひしと感じる