プログラミング学習初心者のための情報メディア
HTMLのname属性を使って要素に名前をつける方法について、プログラミング初心者の方に向けて説明いたします。
この記事は、オンラインプログラミング学習講座「Webエンジニア入門総合コース」サポート記事です。
次のHTMLの要素に対して、name属性をつかって要素の名前をつけることができます。
オンラインスクールProglus（プログラス）でプログラミングを学んで、創れる人になろう！
在宅学習応援！今なら複数の基礎コースが無料！！
今すぐ詳細を確認する
HTMLにけるid属性とclass属性の使い分けについて、プログラミング初心者向けに説明します。
この記事は、オンラインプログラミング学習講座「Webエンジニア入門総合コース」サポート記事です。
チャンネル登録もよろしくお願いします。
Webページ内に一つしかないものにはid属性をつかって、固有のID名をつける
フレンチ
注意：同じWebページ内で、同じID名を複数箇所でつかうことはできません。
パスタ
ピザ
リゾット
同じWebページ内に、複数箇所で同じ役目をもたせたいものには、class属性をつかってクラス名をつけます。
パスタ
ピザ
リゾット
イタリアンレストランのメニュー
料理にはfood、ドリンクにはdrinkのクラス名
コーラにはcokeという固有のID名をつける
「class属性だけ使えば、良いのでは？」と思われた方もいらっしゃると思います。
実際にclassだけをつかってもエラーになることはありませんので、間違いではありません。
しかしながら、idは、Webページ内に一つという特徴があるため、「わかりやすさ」「メンテナンス性」の点で有利です。
基本的には、Webページ内に一つしか無いものにはid属性をつけるようにしましょう。
この記事では、HTMLにおけるid属性とclass属性の使い分けについて説明しました。
「Webエンジニア入門総合コース」では、データベースの基礎はもちろんのこと、プログラミミング初心者向けに、HTML5, CSS3, JavaScript, Bootstrap, SQL, Ruby, Ruby on Rails, Cloud9, Git, GitHubなどを動画をつかって学習できます。
Web開発に必要なプログラミングスキルを1つのコースで沢山学べてお得です。264レクチャー・18時間の大型コースとなっています。
内容をしっかり確認できるように、無料プレビュー60分を公開していますので、ぜひご覧ください！
オンラインスクールProglus（プログラス）でプログラミングを学んで、創れる人になろう！
在宅学習応援！今なら複数の基礎コースが無料！！
今すぐ詳細を確認する
フロントエンド開発で重要な3要素について、プログラミング初心者に向けてできるだけわかりやすく説明します。
この記事は、オンラインプログラミング学習講座「Webエンジニア入門総合コース」サポート記事です。
下記の3つの要素があります。
一つづつ説明いたします。
文章構造を記述する仕組みです。
Webページの内容を記述するためのマークアップ言語です。
マークアップとは、コンテンツのはじめと終わりに「タグ」と呼ばれる印をつけて、意味付けをしていくことです。
見出し文字列です
文字の色やサイズ、レイアウトなどを指定できます。
HTMLで書かれた構造化された文章のスタイルを指定するための言語です。
実務ではCSSもしくは、スタイルシートと呼ばれることが多いです。
Webサイトの振る舞いを指定できるものです。
プログラミング言語の一つ。
Webブラウザで動作する。
世界の94.9%のWebサイトで使われているという調査結果もある、人気のプログラミング言語。
JavaScriptはJavaとついていますが、プログラミング言語Javaとは全く異なるプログラミング言語ですので、注意しましょう。
関連記事 : 世界で一番人気のプログラミング言語JavaSpcriptとは何か説明します
ユーザーが見て操作する部分
クライアント側（ブラウザ）で動作するもの
HTML, CSS, JavaScriptを記述する
サーバ側で処理が行われるもの。いわゆるサーバーサイド。
例えばデーベースへのアクセス、ファイルへのアクセス、合計金額の計算などの処理を行ないます。
たとえば、プログラミング言語RubyやPHPで記述します。
Webサーバ上に置かれたHTML ファイルなどを、ブラウザで表示するだけ。
アクセスするたびに、表示内容が変わる可能性があります。
サーバ側で動作するプログラミング言語例えばRubyと、データを保存しておけるデータベースのデータを組み合わせて、アクセスするたびに毎回表示を変えたり、ユーザーによって表示を書き換えることができます。
フロントエンド開発で重要な3要素についてプログラミング初心者に向けに説明しました。
「Webエンジニア入門総合コース」では、データベースの基礎はもちろんのこと、プログラミミング初心者向けに、HTML5, CSS3, JavaScript, Bootstrap, SQL, Ruby, Ruby on Rails, Cloud9, Git, GitHubなどを動画をつかって学習できます。
Web開発に必要なプログラミングスキルを1つのコースで沢山学べてお得です。264レクチャー・18時間の大型コースとなっています。
内容をしっかり確認できるように、無料プレビュー60分を公開していますので、ぜひご覧ください！
オンラインスクールProglus（プログラス）でプログラミングを学んで、創れる人になろう！
在宅学習応援！今なら複数の基礎コースが無料！！
今すぐ詳細を確認する
