【HTML】ドットインストール#11-14【Web学習】day8

【HTML】ドットインストール#11-14【Web学習】day8
2020年1月15日

おはようございます。本日は本業が休みのためたくさん勉強できそうです。しばらくはプログラミングの学習生活が続きそうです! 
目指せ副業で月5万円! 絶対達成してやる!

タイピング練習


今日も飽きずにタイピング練習からです。毎日の積み重ねが大事だからね。

タイプ数ミスタイプ数判定
1417c
1257c
17812c
1737b
15311c
1788b
13516e
14412d
17010c
1814b
1733b
1727b
1755b
1854A
1828b
1737b
1769b
1539c
1788b
16018d
1639c
15410c
1624b
1837b
タイプ数ミスタイプ数判定
1794b
1865b
1388c
1879b
17511c
16111c
2043A
15711c
15910c
18212b
1784b
1746b
1748b
1835b
1759b
17910b

【苦手なキーやタグ】

  • 「4」、「5」、「6」、「7」、「v」、「b」
  • <checkbox>
  • <div></fiv>
  • <blockquote></blockquote>
  • <dfn></dfn>
  • <wbr></wbr>
  • <html></html>
  • <figure></figure>

cとv、qなどが中に入ったタグをタイプしているとどうしてても間違えないように考えながら打ってしまうから遅いし、間違える。

<h4></h4>とかのように、苦手な数字のときも考えてから打つため、数字を打てた時に少し満足してしまい、次にタイプするべき>でミスすることが多かった。

そもそも<dfn>や<figure>、<div>とかは読み方がわからないから、タイピングのイメージがつかない

ドットインストール#11-15


  • <section></section>(セクション):「区切り」。<section>で範囲を設定すると他の<section>の見出しは干渉してこない。病院で例えると、消火器や外科といった異なる<section>があって、<h1>の消化器科部長や外科部長、<h2>の消化器科課長、外科課長といった各部署にある役職(見出し)は他の<section>には干渉しない。

  • <ul></ul> (アンオーダーリスト) :unorderlistの略。順番のないリストつまり、箇条書きのこと。
    ・1つ目
    ・2つ目
    ・3つ目
    って感じで順番のない箇条書き

  • <ol></ol>(オーダーリスト):orderlistの略。順番のあるリスト。
    1、~
    2、~
    3、~
    って感じの箇条書き。順番があるよね。

  • <li></li>(リスト):<ul>や<oi>とセットで使う。
    例えば
    <ol>
    <li>一つ目</li>
     <li>二つ目</li>という感じで、箇条書きの一つ一つの項目を<li></li>で囲う必要がある。だからセット。
    ※ちなみに、この<li>や<oi>と<li>の関係とかはドットインストールではわからなかったので、「サルワカ」というサイトで勉強しました。リンク張っておきます。すごくわかりやすいサイトです。これからもお世話にな
    ると思います。

  • <a></a>(アンカー):リンクを張るためのタグ。例えば画像にリンクを張りたかったら、
    <a>
    <img src=”~~.png”>
    </a>
    とやると指定した画像にリンクを張る。リンク先を指定するときには<a>タグの中にhref属性で書き込めばいい。
    <a href=”https://kimutakka.com”>とやればキムタッカblogのリンクが張り付けになる。ちなみに、新しいタグで開かせたい場合は属性のtarget=”_blank”を付けるとよい。
    <a href=”kimutakka.com” target=”_blank”>。


  • MDNというサイトを使うことで、HTMLの正しいマークアップを学ぶことができる。このタグの中にこのタグを入れてもいいのかな?とか悩んだらまずこのサイトで調べるべし。



  • (補足)今までわからなかったhref属性についてMDNで調べてみた。HTMLの<a>要素(アンカー要素)は、href属性を利用することで、別のWebページやファイル、同一ページ内の場所、Email、他のURLへのハイパーリンクを作成するためのもの。



  • relについても調べたけど、ちょっと意味がわからなかった。

ここまでで、『初めてのHTML(全14回)』が終了した。ざっと一気に進めてしまったため、完璧に覚えたかと言われると自信はない。でも、何度も復習し、反復練習することで覚えていこうと思う。そして、MDNとかで色々な属性を調べると、まだまだ覚えていない属性やタグが山ほどあった。

副業で月5万円はすごく長い道のりなんだなってことがわかった。でもね、vsコードでリンク先を自分のブログに設定して試験運転してみたらちゃんとキムタッカブログに飛んだんだよね。なんか、簡単なことかもしれないけど、すごく感動した。ワードプレスでは範囲を指定してリンクのボタンをクリックしてURLをペーストするだけで簡単に飛ぶ。でも、コードに直すとこんなに手間がかかっているんだね。これが自分でスラスラコードを書けるようになったら、めちゃくちゃかっこいいだろうなー。がんばる。俄然やる気がでたわ。


絶対に副業で月5万円を達成してみせる!!

 次回は「未定」をお届けしたいと思います。是非ご覧くださいね。
 以上、ブロガーキムタッカーでした。また来週!