htmlとは?titleタグとは?|【カトスクの女性に優しいhtml講座】

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

▲動画です。クリックして再生してください★現役WEBデザイナーのカトパン&カタディお送りする、女性に優しいHTML講座!
htmlとは?titleタグとは?|【カトスクの女性に優しい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講座へようこそ。今日はtitleタグについてお話していきたいと思います。

titleタグっていうのはその名のとおり、ホームページにタイトルがあると思うんですけど、そこに名前を入れるために使うタグになります。今日は実際に入門編の方の、ゼロイチWEBデザイン入門編1カ月半の方の作品を使って実際にやっていきたいと思います。

これが、8月生、8月からデザインを始めて1カ月半でこれぐらいできるようになったんですけど、このホームページを使っていきたいと思います。で、titleタグが使われているのはここになります。この「Cafe Deer」ってやつですね。

ここを今から変えていきます。で、これを編集するためにドリームウィーバーでしたね、ドリームウィーバーを使います。これがホームページの中身になります。で、titleタグって言うのはもうタイトル、これ、タイトルと、スラッシュtitleっていうタグで囲まれてる、これがtitleタグになります。これは、headの中に入ってます

htmlとはっていう動画の中で、headの中はホームページ上画面には出ないんですよって言ったと思うんですけど、bodyの中がホームページ上に出るよって言ったと思うんですけど、titleタグだけちょっと例外で、headのタグの中にあります。これだけ覚えておけば大丈夫です。

で、このタイトルで書かれたタグの中に書いた文字がホームページにこういうふうにタイトルバーに出てきます。なんで、これをちょっと今日は「カトスクのサイト」にしておきましょうか。カトスクのサイト、っていうふうに書き換えます。では保存します。その後、こっちで更新して変わればOKですね。

更新してみます。はい、こういう感じで、タイトルバー、名前を変えることができました。で、今日はtitleタグについて、やりました。titleタグはheadタグの中に入れるタイトルにしたい名前をそのtitleタグで挟むと、勝手にホームページのタイトルバーに名前がつきます。はい、以上でtitleタグの説明は終わりたいと思います。

他にもいろんなタグがあるので、他の動画でもいろいろお伝えしていきたいと思うんですけど、また入門編の作品をいろいろ使いながら実際にこのタグはどこに使われているのかっていうのを、実践交えながらやっていきたいと思いますんで、これからもよろしくお願いします。

ではまた次の動画を楽しみにしててください。ありがとうございました。

月一で交流会を開催中!はじめてでも楽しめるアットホームな会です

ABOUTこの記事をかいた人

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