未経験から事務職で働くならこちら
社労士・FP2級技能士

キャリアアドバイザーとして資格と転職について助言している。女性からのLINE(労働・人生)相談が多い。

プロフィール WEB作品集 お問い合わせ LINE相談

独学でHTMLとCSSを学んでWEBデザイナーになる!タグ入力。

在宅勤務(リモートテレワーク)にデメリット(問題点)はあるのか?在宅副業で稼ぐ方法!WEBライター・デザイナー・動画編集者で収入アップ。
この記事は約5分で読めます。

独学でWEBデザイナーになる!HTML・CSSの勉強方法と必要な本」の続き。

この記事ではWEBデザイナーの勉強について書いた。

と言っても他者に見せるために書いたのではなく、自分の備忘録として書いた。

主にHTMLとCSSタグの入力と表示についてである。

どのように入力するとどう表示されるのか知っておくのは大事。

スポンサーリンク

独学でHTMLとCSSを学んでWEBデザイナーになる!タグ入力。

室内でパソコン操作する若い女性。

  • 見出し<h1></h1>
  • 段落

テキストリンク

<a href=”https://run.utmf.info/”>転職副業生活</a>
入力結果。転職副業生活
画像
<img src=”Female-career-change-1.jpg” alt=””>
画像下の文字
<figure>
 <img src=”Female-career-change-1.jpg” alt=””>
  <figcaption>present for you.</figcaption>
</figure>
  • タグを文字として表示 &lt;h1&gt;
  • フッターのコピーライト
<footer>
<p><small>copyright(c)2022 株式会社.all rights reserved.</small></p>
</footer>
以下のように表示される。
copyright(c)2022 株式会社.all rights reserved.

独学でHTMLとCSSを学んでWEBデザイナーになる!タグ入力。

パソコンとスマートフォンで仕事をする美女。

文字の強調 em
<p>今日は<em>天気がいい</em>ですね。</p>
文字の色 color
em{color:red;}
改行<br>または<wbr>
箇条書き(数字
  <ol>
    <li>HTML</li>
    <li>CSS</li>
    <li>ジャバスクリプト</li>
  </ol>
  1. HTML
  2. CSS
  3. ジャバスクリプト

箇条書き

  <ul>
    <li>HTML</li>
    <li>CSS</li>
    <li>ジャバスクリプト</li>
  </ul>
  • HTML
  • CSS
  • ジャバスクリプト

独学でHTMLとCSSを学んでWEBデザイナーになる!タグ入力。

パソコンを操作する若い女性。

<p>
  <input type=”text”>
</p>

<p>
  スライダー:<input type=”range”>
</p>

スライダー:

<p>
  日付:<input type=”date”>
</p>

日付:

<p>
  時間:<input type=”time”>
</p>

時間:

<p>
  色:<input type=”color”>
</p>

色:

<p>
  数字:<input type=”number” min=”0″ max=”50″ step=”2″>
</p>

数字:

<p>電話<input type=”tel”></p>

電話

<p>url;<input type=”url”></p>

url;

<p>mail:<input type=”email”></p>

mail:

スポンサーリンク

独学でHTMLとCSSを学んでWEBデザイナーになる!タグ入力。

自宅でパソコンを使って在宅勤務する美女。

こんな感じで自分の備忘録を書いた。最低限の内容だが、本がない時はこの記事でHTMLとCSSを見直せる。

と言ってもCSSについては書いてない。なので、今後追加する。

WEBデザイナーに必要な物は下の記事に書いた。

スポンサーリンク

独学・職業訓練・就労移行支援を活用してスキルアップ!

室内で2人の美少女が読書している。

社会保険労務士・ファイナンシャルプランナー2級技能士

社労士・FP2級技能士

キャリアアドバイザーとして資格と転職について助言している。女性からのLINE(労働・人生)相談が多い。

プロフィール WEB作品集 お問い合わせ LINE相談

人生のピンチから脱出する!

寂しい夜に泣きたくなるなら

・女性の一人暮らしで寂しい
・孤独で胸が張り裂けそう
・結婚したいけど、相手がいない

孤独に絶えられない、誰かと接したい。
そんな状況でも話せば楽になる。

一緒に辛い状況を乗り切ろう☆
貴女からの連絡を待ってる!

タイトルとURLをコピーしました