ゼロから始めるエンジニアへの道 #14 ~html or css~
##学習範囲
1. htmlのdivtag
2.ローカル環境構築
####補足
今のところ機械学習、概念学習に関してはフロントの勉強と同じ学習時間を担保できそうにないので、お昼を使ってudemyさんで購入した動画を、暗記用に繰り返し聞くようにしています(´・ω・`)
機械学習は、帰宅後の1時間捻出し(blog更新は20分)、まずは300時間の担保を目標としてます。
以降は目標の時間からの差し引きを記載して、予測のもと学習コンテンツを変えます。
例えば[AWSは120h後など]
Weeklyで学習累計を元に学習の所要時間の計算をしていましたが、1日一時間の捻出で5日なので5hと土日の5hだと4週計算をしても、15hとなります。
15*12でようやく300hを担保できる計算ですね(TдT)
##ロードマップ修正中にすこし弄ったdivtag
Div Tag
htmlでは、レイアウトのための div タグというものが用意されているので、それを使って行く
"""html
~
<head>
<meta charset="utf-8">
<!--
meta文字コードの設定は、最近はutf-8に統一されているケースが多いので、utf-8を指定すする
-->
<title>TKのportfolioサイト</title>
<!--
タイトルtag（<tile>）の中身は、ブラウザタブに表記される
-->
<link rel="icon" href="favicon.ico">
<!--
「favicon」とは、タブの小さなicon画像の事を指している。
同じ階層に存在するので、データファイル名の指定だけしています 階層が変わった場合の指方法がわからない:(サジェストする)
.ico(アイコン)の作り方は少々特殊らしいので別口でサジェスト
-->
<meta name="discription" content="TKのportfolioサイトです">
<!--
これはContent属性と言って、WEBに公開した時にSEO検索の説明文なに記載 されるようです。
恐らくdedcriptファイルを作成して、指定する作業が必要なんだと思います。
-->
<body>
<img src="https://cdn.image.st-hatena.com/image/square/da161997713f23479ca06fcaff8c7893ce57a75d/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F155897278%2F1583412966696427
" width="120" height="120" alt="太郎にアイコンです">
<h1>TK</h1>
<p>システムエンジニアを目指しています</p>
<h2>Works</h2>
<img src="https://lh3.google.com/u/0/d/1Z2wuIjH4R-QPmY70nxIuhYByLDITg3S7=w514-h596-iv1" class="a-b-ta-Ua" width="600" height="400" alt="TKのWorkSpeaseです">
<!--ここで指定していIMGtagと、src=img/work2は意味合いが違います。
srcはソースの略称
要するに「img」の元ソースはどこ？ってこと
ソースを指定する際に用いている、/ は、一つ下の階層を指定。
記載していなかった備忘(alt属性は「代替えテキストとして活用」)
-->
<h3>私の大好きな「ゲーム」につて紹介です</h3>
<p>
基本的には、コンシューマー向けのゲームになるのですが...
複数のシリーズが展開されていて、作品によってはアプリ<br>
またPSのポータブルも販売していますので、
是非、ゲームをプレイしてください(´ω｀*)
</p>
<h3>閃の軌跡</h3>
<<img style="-webkit-user-select: none;margin: auto;cursor: zoom-in;" src="https://pbs.twimg.com/media/DmJX1E-UwAAb-Nw?format=jpg&name=large" width="600" height="400" alt="英雄伝説の画像">
<P>
-->
</body>
</head>
~
"""
最近は、androidでblog更新するのですが、htmlの構文が入っていればば、勝手にmarkdownから切り替えられてしまう。。これはバグなのかな?
明日はロードマップのセル表でガントチャートをつくるのと、css続き(´・ω・`)
