htmlとは?aタグについて|【カタハリの女性に優しいhtml講座】

WEBデザイナー必見の女性に優しいHTML講座第14回です

▲動画です。クリックして再生してください★

現役WEBデザイナーのカトパン&カタディお送りする、女性に優しいHTML講座!
htmlとは?aタグについて|【カタハリの女性に優しいhtml講座】
というテーマでお送りしました。

LINE@:「@kubo」で検索してね

LINE@詳細はこちら

★おすすめのプレイリスト一覧★

女性に優しいHTML講座 ▶ https://goo.gl/jepS2u
くぼちゃんねる ▶ http://ur2.link/CFte
人気順で見る ▶ http://u0u0.net/CtfT
Q&Aシリーズ ▶ http://u0u0.net/CtgM
プチセミナー ▶ http://u0u0.net/D1Jz

【Photoshopバナー制作動画レッスン】
を無料プレゼント!▶ http://ur2.link/CFty

文章で読むカタハリはコチラ

こんにちは、デザイナーのカタディです。この動画では女性に優しいhtml講座を紹介していきたいと思います。

今回紹介するタグはaタグなんですけども、aタグはなんなのかっていうのを簡単に説明すると、みなさんがよくwebサイトを見るときに、よくリンク違うページに飛んだり違うサイトに飛んだりすることがあると思うんですけども、そこっていうのは実はhtmlではaタグが使われているんですよね。

じゃ、そのaタグはどういう使い方をするのかっていうのを、素材を元に紹介していきたいと思います。今回使う素材っていうのは、デザインスクールの9月生の方の作品なんですけども、じゃ、そのaタグに該当する部分ってどこなのかっていうのを説明すると、例えばこのメニュー。このメニューとかって、マウスを乗せると指ボタンになると思うんですよね。

それって、aタグが設定されている状態になっているんですけれども、じゃ、どういうふうになっているのかをまずhtmlで確認していきたいと思います。

ここですね。このメニューがあって、コンセプトがあって、アクセスがあってお問い合わせがある。これは全部aタグで囲まれていて、押すと違うページに飛びます。ここは、このメニューっていう文章をaタグで囲んでる。ほんとにそれだけでリンクを飛ばすことができます

で、そのaタグの中にリンク、飛び先を指定してあげないといけません。今回このメニューっていうのを見てみると、aタグの中にないやらhrefっていうのがあると思うんですけれども、これは飛び先はどこですか?っていう指定をするときに使う、タグって言うんですかね?単語っていうんですかね?aタグの中にhrefを入れて、そのとび先を指定してあげる。

このhrefの中っていうのはこのintro.htmlっていう設定がされているんですけども、じゃ、実際にサイトを飛んでみましょう。

このメニューっていうのを押してみます。そうすると、ここですね、分かりますか?intro.htmlっていうページに飛びます。それはなんでかって言うと、さっき言ったようにhtmlでデータの飛び先はintro.htmlになっているからです。

このようにしてaタグっていうのは違うサイトに飛んだり、違うページに飛んだりっていう役割を持っています。aタグについての役割っていうのは以上なんですけども、次回以降もいろいろなタグの種類だったり、使い方っていうのを説明していきたいと思いますので、もしこの動画が役に立ったと思う方はぜひいいねボタンを押してください。お願いします。今日の動画はこの辺で。ありがとうございました。

 

まずは業界のことを知ることからはじめよう!

※ゼロイチ入門編3月生(64期)の【申込締め切り】は、2/20(日)

ABOUTこの記事をかいた人

地味な人生からの大逆転劇!私が好きなことを仕事にするまで...
株式会社日本デザイン WEBディレクター・WEBデザイナー・動画クリエイター
20歳WEBデザイン業界を目指すが、未経験のため15社を一次審査で落ちプチ鬱に
22歳 雑誌の編集部になんとか受かるが、過酷すぎて耐えられず早々に辞める
24歳WEB業界に転身。念願のWEBデザインの仕事に就くがセンスがなく惨敗
26歳 大坪拓摩と出会い、根性だけを認められアシスタントという形で雇われる
それから4年間、理論やルールに基いたセールスデザインを大坪に叩き込まれ、デザイン力が奇跡のように向上!紹介のみで仕事が埋まる売れっ子デザイナーとなり、動画制作・YouTubeプロデュースなどクリエイティブな仕事を幅広く請け負う
2015年10月、自身のこれまでの経験(もともとのセンスのなさも!)を活かして「現役デザイナーが教える」「センスはいらない」というコンセプトで日本デザインスクールを設立。現役としても活動を続けながら全国400名以上の生徒を45日という超短期間でプロのWEBデザイナーに育てる。座右の銘はミッキーの「夢は必ず叶う!」