未経験からWebエンジニアを目指す!!

日々学ぶ新しいことや発見をメモしていくブログです。

HTML&CSS

Progate:HTML&CSS初級編を終えて

ProgateのHTML&CSS初級編を2時間程度で終えることができました。 prog-8.com「教科書も何も読んだことありませーン!!」って人はもっと時間がかかると思います。 しかし、簡単に始められるし、初級編はほとんど無料でHTMLやCSSやWeb言語のことが楽しく学べ…

HTML: ラジオボタンとチェックボックス Radio button and Checkbox

アンケートやフォームに必要なラジオボタンやチェックボックスを作成する。 input要素のtypeでradioを指定すると、ラジオボタンへ、checkboxを指定するとチェックボックスになる。nameは選択肢グループの共通のものを指定し、valueはサーバに送信する値を指…

HTML: 画像 img

img要素を使うことで、htmlファイルに画像を組み込むことができる。 img要素は終了タグの必要がなく、終了タグの必要がないものを空要素(empty element)と呼ぶ。 今回、デスクトップ上にwwwのフォルダを作成し、そのフォルダの中には、index.htmlとimageフォ…

HTML: リンク Link

a要素に対して、href属性を使うことで、Webページ内にリンクを作成することができる。下記では、URLの「未経験からWebエンジニアを目指す!!」のテキスト文字をハイパーリンクにしている。 <a href="http://www.web0ninja.info">未経験からWebエンジニアを目指す!!</a>

HTML: リスト olとul

リスト表示には ol(Ordered List)とul(Unodered List)がある。 どちらの要素も順番に並べたいものは開始タグと終了タグの中でliを使用して記述をする。

HTML: 属性 Attribute

属性とは、要素の開始タグに含まれる。 属性名と属性値から成り、追加の情報を要素の内容に含めることができる。 <a href="http://www.web0ninja.info">web0ninjaのブログ</a>

HTML: 要素 Element

今日は七夕ですね。🎋 一昨日から読んでいるHTML and CSS: Design and Build Websitesですが、やっとHTMLのコードについてのお勉強が始まりました。

HTMLとCSSをどの本で学習するか

使用する参考書はHTML and CSS: Design and Build Websitesです。 何故、この本を選んだかという理由は、以下の通り。 USのAmazonで非常に評価が高かった 英語の訓練も兼ねる 本の中身のデザインがCool !!笑 正直、参考書は何でもよかったですが、業務の読み…

Icons made by Iconnice from www.flaticon.com is licensed by CC 3.0 BY