おためし受講中

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

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

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

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

■ 事前準備

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

学生代表

  • 江川 みどり

    江川 みどり

    スクー放送部

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    01:28  (00:14 ~ )
    ハイパーテキストとは
    01:57  (01:42 ~ )
    ハイパーテキストとは: href属性について
    01:26  (03:39 ~ )
    ハイパーテキストとは: hrefに指定できるtarget属性について
    05:30  (05:05 ~ )
    相対パスと絶対パス: 相対パスについて
    02:12  (10:35 ~ )
    相対パスと絶対パス: 絶対パスについて
    03:53  (12:47 ~ )
    外部リンクとページ内リンク: 外部リンクについて
    00:40  (16:40 ~ )
    外部リンクとページ内リンク: ページ内リンクについて
    10:44  (17:20 ~ )
    【問い掛け】aタグに内包できるタグは何でしょうか?
    04:21  (28:04 ~ )
    カテゴリーとコンテンツモデル
    02:29  (32:25 ~ )
    カテゴリーとコンテンツモデル: W3Cのガイドページを見てみよう
    03:54  (34:54 ~ )
    【後半】質疑応答
    Q:HTML/CSSって、入門じゃない講義の予定はありますか?
    01:48  (39:28 ~ )
    Q:google推奨のインデントは、2スペではなかったでしょうか?
    00:27  (41:16 ~ )
    Q:内部リンクは、idの他、classも大丈夫ですか?
    00:38  (41:43 ~ )
    Q:ページ内リンクの際にスティッキーヘッダーが遷移後のテキストと若干被ってしまう場合があるのですが、どうしたら良いでしょうか?
    01:19  (42:21 ~ )
    Q:httpsのページは絶対パスにしますが、httpの場合、相対と絶対パスではどちらでも良いでしょうか?
    01:23  (43:40 ~ )
    Q:aタグにブロック要素を入れた場合は、display:blockは必要でしょうか?
    01:24  (45:03 ~ )
    Q:相対パスで階層が深いときの書き方を教えて頂きたいです。
    07:14  (46:27 ~ )
    Q:相対パスがセキュリティで今後非推奨になってくると聞いたのですが、どうでしょうか?
    01:29  (53:41 ~ )
    Q:headerやarticleやsectionの中にhを入れないといけないということですが。
      (55:10 ~ )

    生放送授業への参加は無料です
    Schooの会員登録および生放送授業への参加は無料です。生放送授業では先生に質問したり他のユーザーと一緒に楽しく学ぶことができます。
    ×