【HTMLとスタイルシートの関係】
HTMLのテンプレートを使ってサイトを制作している
生徒さんと、スカイプで1時間レッスンを行いました。
文章やリンクを入れる程度しかHTMLを触っていないので、
「表を埋め込むにはどうしたらいいの?」
「ページ内にリンクさせるにはどうしたらいいの?」
「表に枠をつけるにはどうしたらいいの?」
などなど、悩みは尽きません。
でも、自分でできるようになっていただきたいので、
今日のレッスンではHTMLとスタイルシートの役割について、
表を作ることを例として解説させていただきました。
最初は誰もが勘違いされるのですが、
「HTMLを書いたら表を埋め込むことができる」
半分は正解ですが、半分は間違いです。
HTMLを書いただけでは、枠線とか色は付きません。
建築にたとえると、
HTMLは家の骨格に相当します。
どこがキッチンで、どこが玄関で、という枠組みを
定義するのがHTMLの役目です。
そして、壁の色や材質、装飾・デザインなどは
スタイルシート(CSS)に記述をして、
HTMLにリンクさせます。
ですから、思うようなデザインを表現するためには
HTMLとスタイルシートの基本的な書き方と、
それぞれの役割を知ることが大切です。
PR
CODEMYのマンツーマンレッスンでは、WordPressや
HTML5やCSS3を基礎からしっかり学びたい方のために、
コース学習の中でカリキュラムをご提案致します。
▼無料相談をお気軽にご利用ください。
http://codemy-lesson.office-ing.net/contact
━━━━━━━━━━━━━━━━━━
講師が執筆した本が発売されました
━━━━━━━━━━━━━━━━━━
『WordPressのツボとコツがゼッタイにわかる本』
▼Amazonで概要を見る
http://amzn.to/2nd7Ia5
『ホームページ作成のツボとコツがゼッタイにわかる本』
▼Amazonで概要を見る
http://amzn.to/2bXJkbs
━━━━━━━━━━━━━━━━━━
CODEMYのオンラインレッスン
━━━━━━━━━━━━━━━━━━
【1】自宅でマンツーマンレッスン
http://codemy-lesson.office-ing.net/
知りたいことだけ学べる個人レッスンです。
【2】動画と個別添削のプログラミング講座
http://bit.ly/2h7ZeRJ
HTML/CSS/JavaScriptの基本が身に付くレッスンです。
↓無料体験はこちら
http://bit.ly/2hw7mIy