【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