Chapter02. HTMLについて学ぶ– category –
-
Chapter02. HTMLについて学ぶ
【Chapter02】#0 VSCodeのインストール
LPを作る際にはプログラミング・マークアップ言語(HTML・CSS・JavaScript)を使用します。今回はそれらの言語を書くための環境を準備していきます。テキストエディタのVSCodeを一緒にインストールしてみましょう。 -
Chapter02. HTMLについて学ぶ
【Chapter02】<HTML>#1 HTMLとは?
HTMLとは、ハイパーテキスト・マークアップ・ランゲージ(Hyper Text Markup Language)の略です。Webサイトをつくるために世界中で使用されているコンピューター言語で、HTMLを人に例えると顔のパーツ(目、鼻、口)にあたります。【覚えべき用語集】#htm... -
Chapter02. HTMLについて学ぶ
【Chapter02】<HTML>#2Emmet(エメット)機能を使ってHello Worldと表示してみよう
Emmet機能とは、HTMLやCSSのコードの入力を補助してくれるテキストエディタ向けの機能です。Emmetを使って省略してコードを記述することによって、プログラミングコードを打つ時間が節約することができて、時間の節約、効率化に繋がります。動画内でタグに... -
Chapter02. HTMLについて学ぶ
【Chapter02】<HTML>#3 Hello World タグの説明
前回の章で入力した「Hello World」のタグについて説明していきます。タグ=インターネットでページをどのように表示させるかを伝える命令文のことです。【覚えべき用語集】#DOCTYPE宣言#htmlタグ#headタグ#titleタグ -
Chapter02. HTMLについて学ぶ
【Chapter02】<HTML>#4 タグについて理解
実務で必ずと言っていいほど使用するタグとコメントアウトについて解説しています。使いこなせるまで何度もアウトプットして腑に落としましょう。【覚えべき用語集】#pタグ#divタグ#ulタグ#olタグ#liタグ#コメントアウト -
Chapter02. HTMLについて学ぶ
【Chapter02】<HTML>#5 class,id属性の違い
この章ではclass属性とid属性の意味。その違いについて解説しています。主に各属性は特定の箇所にだけ命令を適用するときに使用されます。【覚えべき用語集】#class属性#id属性 -
Chapter02. HTMLについて学ぶ
【Chapter02】<HTML>#6 ブロック、インライン要素を理解する
各タグはある要素で種類分けがされています。それがブロック要素とインライン要素です。ブロック要素は行全体のかたまり。インライン要素は行の中の一部のかたまりを指します。【覚えべき用語集】#ブロック要素#インライン要素#spanタグ -
Chapter02. HTMLについて学ぶ
【Chapter02】<HTML>#7 リンクを作成してみよう
Webサイト内リンク(URL)が記載されているのはよく目にすると思います。Web制作する上でもリンク(URL)の配置は必ずと言っていいほど行います。今回は実際に実務でよく使われるリンクの実装方法について確認していきましょう。【覚えべき用語集】#aタグ -
Chapter02. HTMLについて学ぶ
【Chapter02】<HTML>#8 フォームを作成しよう
会社のホームページで実装されている「お問い合わせフォーム」「アンケートフォーム」について解説しています。企業のWeb制作の案件ではよくある実装なので、この動画でフォームの実装方法をマスターしていきましょう。【覚えべき用語集】#formタグ#input... -
Chapter02. HTMLについて学ぶ
【Chapter02】<HTML>#9 画像を挿入してみよう
Webサイトには必ずと言っていいほど画像が埋め込まれています。この動画では、実際に画像をサイト内に埋め込む方法について解説しています。【覚えべき用語集】imgタグaltタグ
1









