meta、title、div、spanという4つのタグ。プログラミング»HTML勉強2日目。meta、title、div、spanという4つのタグ。プログラミングおはようございます。linkmeta、title、div、spanという4つのタグ。HTML学習2日目となりました。3日坊主のうちの2日が過ぎた訳です。僕にしては長く続いた方です。今回僕が勉強したのは、よく使う4つのタグとなります。前回の最低限必要な4つのタグで作成した、コードに今回のタグを追加していこうと思います。meta文書の情報を伝えるために使われるタグです。エディタに記述すると以下のようになります。charset="UTF-8"></head><body></body></html>metaタグは情報を伝えるタグなので、<head>~</head>などのように、2つのタグで挟む必要はありません。charset=”UTF-8′′>とする事で、UTF-8という文字コードで書かれた事を示しています。titleこの文書のタイトルを伝えるタグです。エディタに記述すると以下のようになります。charset="UTF-8"><title>MyPage</title></head><body></body></html><title>~</title>の中に、この文書のタイトルを入れます。今回は、MyPageとしています。実際に、これをブラウザに表示させると以下のようになります。ブラウザのタブにMyPageと表示されました。タブバーがない場合は、ウインドウのタイトルバーに表示されます。お気に入り登録やブックマークするときも、このタイトルが表示されます。div一つの塊を示すタグです。エディタに記述すると以下のようになります。charset="UTF-8"><title>MyPage</title></head><body><div>こんにちは、かしこです。</div></body></html>divタグは表示させたいないようなので、<body>~</body>の間に書きます。今回は、<div>こんにちは、かしこです。</div>と書きました。これをブラウザに表示させると、以下のようになります。span文章の一部を示すタグです。エディタに記述すると以下のようになります。charset="UTF-8"><title>MyPage</title></head><body><div>こんにちは、かしこです。</div><span>こんばんわ、スパンです。</span></body></html>spanタグも表示させたいないようなので、<body>~</body>の間に書きます。今回は、<span>こんばんわ、です。</span>と書きました。これをブラウザに表示させると、以下のようになります。ここで、ん?divとspan一緒じゃね?と思ったかと思います。ブロック要素<div>~</div>で囲われた文書は、これでひと塊であるという事を示す、ブロック要素と呼ばれるものです。エディタに以下のように記述します。charset="UTF-8"><title>MyPage</title></head><body><div>こんにちは、<div>かしこ</div>です。</div><span>こんばんわ、スパンです。いう文章をdivで囲ってみました。これをブラウザに表示すると、以下のようになります。divというタグは、一つのブロックを示しています。前の文章、後ろの文章とは別になるように表示される、これがブロック要素の基本です。インライン要素<span>~</span>で囲われた文書は、文章の一部であるという事を示す、インライン要素と呼ばれるものです。いう文章をspanタグで囲ってみます。charset="UTF-8"><title>MyPage</title></head><body><div>こんにちは、<span>かしこ</span>です。</div><span>こんばんわ、スパンです。</span></body></html>これを、ブラウザに表示すると以下のようになります。spanタグは文章の一部を選択しているので、見た目は何も変わりません。実際にはspanタグで囲われている状態となります。コメントをキャンセルコメントName*Email*(公開されません)Website次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。moreかしこの漫画2017/08/26僕がアジングを始める事になったワケを漫画で説明するmoreアジング2017/12/08からまん棒と中通しオモリ0.8号でアジング用スプリットシンカーを自作。気になる金額は・・・2017/08/04遊で査定したら12500円だったアジングロッド、ティクトUTR-55が、メルカリで30000円で売れた話2017/07/162017年7月16日、鳥羽でアジング、時々タコ。2017/07/05鳥羽でアジング。釣れない原因は〇〇〇。2017/06/23鳥羽アジング。潮止まりでもアジに口を使わせる方法を学んだ。(土肥富)レンジクロスフックSでキャロ・スプリット用ジグヘッドを作成2017/06/16知多にてメバルゲットも、本命アジは釣れず。L-7.0gを解体調査し、自作で再現してみた2017/05/23ガルプによる被害を最小限に抑え、最大限の釣果を得る方法moreエギング2017/05/055か月ぶりとなる釣行で、名古屋在住の僕が鳥取へエギング。moreエンジニア2019/09/16現在32歳、妻子あり。エンジニア未経験の僕ですが、IT業界へ転職したい3つの理由。moreタコ釣り2017/07/29舞鶴市、田井漁港で釣ったタコでタコワサを作ってみた2017/06/11音海大波止にてタコんぐ。ケーソン攻めるも反応なし﻿2017/05/11タコ釣りをやった方が良い5つの理由moreブロンプトン2019/09/27折り畳み自転車ブロンプトンのフロントキャリアを自作してみた。moreプログラミング2019/09/25自分のプログラミングスキルを測定しようとした結果、分かったこと2019/09/22プログラミング勉強で大事なことは、まず作る!という事。2019/09/21HTML勉強5日目。略語abbr、title属性、cite、住所address2019/09/20HTML勉強4日目。引用blockquote、一部引用q、引用元表記cite=”URL”。2019/09/19HTMLの勉強3日目。段落p、見出しh、強調em、重要性strong、区切りhr2019/09/18HTML勉強2日目。meta、title、div、spanという4つのタグ。2019/09/17HTMLの勉強はアウトプットが大事!最低限必要な4つのタグを羅列しますmore家族への奉仕活動2017/06/19アンパンマンは正義の味方だが、ミュージアムの方は財布に優しくない話。2017/05/13段ボール1個で出来る!超簡単30分で作れる滑り台は、階段いらない。