コーディング学習

HTML & CSS|Progate修了したけど『あれっ?』【忍者CODE-初級問1】

コーディングやプログラミングに興味を持ち、元々デザインをしてみたかったため、Webデザイナーになることを目指しています。

まずはコーディング案件の獲得を目指し、ロードマップに沿って、基礎言語である「HTML」と「CSS」の学習をしています。

ロードマップを知った段階で、Progateの[HTML & CSS]は全て修了していたため、忍者CODEに挑戦しているのですが・・・

難しい(汗)w

ということで、

  • Progateで「HTML & CSS」を学んだけど
  • 忍者CODEではここにつまずいたよw

を解説していこうと思います。
もはやこの記事は、未来の自分が困った時用のメモです!

問題の正確な答えについては忍者CODEにて確認してください。
解説も記載されていますので参考になります。

この記事では

  • つまずいた部分
  • どうやって攻略したか
    • 検索
    • 著書
    • etc.
  • 解説ページ(サイト)

についてご紹介します!
コーディングを始めたばかりの方々へ少しでも参考になればと思います。

今回は、序盤の序盤!
忍者CODE[HTML & CSS]初級1問目の手こずった部分を解説します。

グラナッポー

1問目からつまずくのかっ!?💦

ナッスングラス

記事最後の「まとめ」に、今回伝えたいことの早見表があるよん✌️

問題の内容

忍者CODE HTML_CSS 初級1問目

出典:忍者CODE HTML_CSS 初級1

問題文の下にあるコードをHTMLとして入力し、CSSにてaタグ内の文字色とアンダーラインを消す問題となっています。

aタグについて

aタグとは・・・

リンク先を指定するHTMLコードです。

例)<a href=”URL”>ここのページに行けるよ</a>

詳しくはこちらをご参考に >>> aタグとは?意味やSEO観点での最適な使用方法を初心者向けに解説

CSSのちょっとした知識がある人であれば、文字色を変えることは簡単だと思います。

ただ、、、ボーダーライン??
aタグのボーダーラインってかってに出てくるじゃんw

と思ったそこのあなた!

ナッスングラス

僕もナス(です)✌️😎

aタグ ボーダーラインについて

まずはトライ!

ボーダーって書いてあるので、やっぱり
CSSで[border]を触っていくと思うじゃん?

違ったみたいw

[border]や[line-style]に[none]を入れてもボーダーラインは消えませんでした。

グラナッポー

ってことでググったよ❗️

検索してみた

ロードマップに記載されてますが、検索力は今後も必須になってくるみたいです!

WEB制作では「覚える」よりも数をこなして「慣れる」方が重要。忍者CODE無料問題集を通して自分でググる力を養いましょう!

出典:【独学で月10万円】WEB制作学習完全ロードマップ【みとロード】

ってことで検索してみた結果、初級1問目はクリアできました。

検索ワード

<a> ボーダー消す

検索後参考サイト

ナッスングラス

このサイトを見た瞬間に答えにたどり着いたよ♪

文字列のカラーについて

CSSでの文字色の変更についても参考サイトを載せておきます。

検索ワード

CSS 文字 カラー

検索後参考サイト

CSS記述方法
カラーコード一覧表

まとめ

今回の記事では、忍者CODE[HTML_CSS]初級1問目の

  • つまずいた部分
  • どうやって攻略したか
  • 参考サイトについて

を解説しました。

この記事の早見表

つまずいた部分

  • aタグのボーダーラインの消し方がわからない

攻略方法

  • ググった
    検索ワード:<a> ボーダー消す

参考になったサイト

初級から苦戦しておりますが、コーディングはゲーム感覚に近いので、楽しく学んでいこうと思います。

りんこ(@Rinko_2_Pero)でした!

COMMENT

メールアドレスが公開されることはありません。

CAPTCHA