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

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

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

現役WEBデザイナーのカトパン&カタディお送りする、女性に優しいHTML講座!
htmlとは?brタグとは?|【カトスクの女性に優しい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講座へようこそ。今日はbrタグについて説明していきたいと思います。

他の動画でtitleタグについてやったときに、8月生のねクマ、クマの作品を使わせてもらったんですけども、それを今日も使ってbrタグについて説明していきたいと思います。

brタグって何なのかっていうと、改行するためのタグになります。

htmlって、みなさん多分普通に文章書くとき、ワードとか使うときってエンター押すと改行されると思うんですけど、html側で普通にエンターを押してもhtml側は分からないんですよ。改行っていうことが。その改行を表すタグがbrタグになってるんですけど、そのbrタグを書かないと改行してくれないんですよ。

それは今日実際クマの作品を使ってやっていきたいと思います。はい、でこれがクマのね、カフェのサイトなんですけど。で、brタグっていうのはこういうところに使われてます。これ、改行しているところですね。ドリームウィーバー側でコード見てみたいと思います。この文章のところ。ここですね。今brが2つ入ってます。これは改行したいところに打てば、改行されるので、本当にそのままです。

なので、ちょっと分かりやすいように、文章の途中でちょっとやってみますね。カッコbr。他のタグって対になってると思うんですよ。開始タグと終了タグがあるみたいな。

でもこれは単体で存在します、brタグ。他にもimageタグとかも単体で存在するんですけど、またそれはカタディかな。カタディが他の動画で説明してるんで、そちらちょっとご覧ください。

で、brタグ、これをちょっと何個か打ってみますね。br、br、br。3つ打ちました。ちょっと確認してみます。はい。ここの「セレクトした」、ここで改行されてる。で、ちゃんとこれ改行っていうことが認められているんですね。これがbrじゃなくて普通にこういうふうに改行したときどうなるかっていうと、はい、これ更新してみます。

ここで、改行してるのに、反映されないんですね。だからbrタグが必要なんですよ。で、さっき僕brタグを手打ちでやったと思うんですけど。これもすごくめんどくさいと思うので、ドリームウィーバーだけかもしれないんですけど、今から説明する機能っていうのは。これ、シフトを押しながらエンターを押すと、勝手にbrが入ります

だから、文章書いてて改行したいところは、とりあえずシフト押しながらエンター。そしたら勝手に入るんで、これ時短術。時短してください、どんどん。これで保存して確認してみますね。はい、こういう感じで改行できました。改行するときはbrタグっていうのを覚えておいてください。

はい、っていうことで今日はbrタグについて説明していきました。htmlタグとかいろんなタグもそうなんですけど、cssっていう装飾するための言語なんですけど、それについても他の動画でお伝えしてしてますので、そちらもぜひ楽しみにしててください。では、ありがとうございました。

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

ABOUTこの記事をかいた人

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