chevron_left

WebデザインのためのHTML入門

PREMIUM
第4回

HTML入門 -アンカーリンクの指定法-

2015年8月15日 60min

スライド資料

会員登録して、全てのスライドを見よう

1 / 19

授業の概要

WebサイトはHTML(文章構造)、CSS(視覚構造)、JavaScript(インタラクション)の組み合わせでできています。その中でも、Webサイトの土台となるHTMLを学んでいきましょう。

この授業では、W3C(Web技術の標準規格化非営利団体)で2014年10月28日に勧告となった標準規格のHTML5を書く方法をハンズオンで1から学んでいきます。1回づつ完結していますが、シリーズを通して受講されるとHTMLに対する理解が深まります。

HTMLはマークアップ言語であると同時にハイパーテキストです。ハイパーテキストとは、アンカーリンクによって、別のページや同一ページの別の場所に遷移する仕様の事です。今回の授業ではこのハイパーテキストの設定方法を学びます。

■ 事前準備

テキストエディタをご用意下さい。既にお使いのものが無ければ『テキストエディタ入門 Atom基本編 (https://schoo.jp/class/2646)』を参考にご準備下さい。

こんな人にオススメ

Webサイトを作成したい方/HTMLを理解したい方

チャプター

play_arrow
自己紹介&アジェンダ
01:28
play_arrow
ハイパーテキストとは
01:57
play_arrow
ハイパーテキストとは: href属性について
01:26
play_arrow
ハイパーテキストとは: hrefに指定できるtarget属性について
05:30
play_arrow
相対パスと絶対パス: 相対パスについて
02:12
play_arrow
相対パスと絶対パス: 絶対パスについて
03:53
play_arrow
外部リンクとページ内リンク: 外部リンクについて
00:40
play_arrow
外部リンクとページ内リンク: ページ内リンクについて
10:44
play_arrow
【問い掛け】aタグに内包できるタグは何でしょうか?
04:21
play_arrow
カテゴリーとコンテンツモデル
02:29
play_arrow
カテゴリーとコンテンツモデル: W3Cのガイドページを見てみよう
03:54
play_arrow
Q:HTML/CSSって、入門じゃない講義の予定はありますか?
01:48
play_arrow
Q:google推奨のインデントは、2スペではなかったでしょうか?
00:27
play_arrow
Q:内部リンクは、idの他、classも大丈夫ですか?
00:38
play_arrow
Q:ページ内リンクの際にスティッキーヘッダーが遷移後のテキストと若干被ってしまう場合があるのですが、どうしたら良いでしょうか?
01:19
play_arrow
Q:httpsのページは絶対パスにしますが、httpの場合、相対と絶対パスではどちらでも良いでしょうか?
01:23
play_arrow
Q:aタグにブロック要素を入れた場合は、display:blockは必要でしょうか?
01:24
play_arrow
Q:相対パスで階層が深いときの書き方を教えて頂きたいです。
07:14
play_arrow
Q:相対パスがセキュリティで今後非推奨になってくると聞いたのですが、どうでしょうか?
01:29
play_arrow
Q:headerやarticleやsectionの中にhを入れないといけないということですが。