Q&A
htmlのheadを見せてください
Macにてhtml、cssでホームページを作ろうとしています。
タイトルタグにきちんとタイトルをいれたのに、ウィンドウにタイトルが表示されません。
また、webブラウザで開いてもファイル名が表示されて、タイトルは表示されません。
どなたかおわかりなら、よろしくお願いします。
HTML
1コード<!doctype html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>KUJIRA cafeへようこそ</title> 6 </head>``` 7 8### 該当のソースコード 9<!doctype html> 10 <html> 11 <head> 12 <meta charset="UTF-8"> 13 <title>KUJIRA cafeへようこそ</title> 14 </head> 15 <body> 16 <div class="wrapper">> 17 <!-- ヘッダー --> 18 <h1 id="logo"><a href="index.htmi"><img src="images/logo.png" width="217" 19 height="89" alt="KUJIRA cafe"></a></h1> 20 <ul id="nav"> 21 <li><a href="index.htmi">ホーム</a></li> 22 <li><a href="about.html">店舗案内</a></li> 23 <li><a href="access.html">アクセス</a></li> 24 <li><a href="menu.html">メニュー</a></li> 25 <li><a href="contact.htmi"®>お問い合わせ</a></li> 26 </ul> 27 <!-- ヘッダー ここまで --> 28 <!-- メイン --> 29 <div> 30 <img src="images/keyvisual.jpg" width="900" heigt="362" alt=""> 31 </div> 32 <h2 id="news">News</h2> 33 <p>5月30日、『<a href="http://www.sbcr.jp" target="_blank">ここでしか飲めない！おいしいうれしい満喫カフェ』に掲載されました。</p> 34 <p>4月18日、KUJIRA cafeがオープンしました。ここ九寺楽の町で、皆さんが気軽に立ち寄れる、ゆったりと時間を過ごせる落ち着いた場所にしたいと思っています。</p> 35 <!-- メイン ここまで --> 36 <!-- フッター --> 37 <div id="footer"®> 38 <p>©Copyright KUJIRA cafe. All rights reserved.</p> 39 </div> 40 <!-- フッター ここまで --> 41</div> 42</body> 43 </html>
再現するコードを提示されないと誰も何も言えません。
https://teratail.com/help/question-tips#questionTips3-5
「タイトルタグにきちんとタイトルをいれた」のを我々はどうやって判断すれば良いですか？
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>KUJIRA cafeへようこそ</title>
</head>
以上です。
よろしくお願いします。
質問用に新たに書くのではなく、問題が起きているコード全体をコピーしてください。また、コードはコードブロックを使ってください。コードブロックは ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
まあ、正しくはないですね
マークダウンうまくできない方は下記、参考に
https://teratail.com/questions/238564
<div class="wrapper">>
の>が２つありますが...
マークダウンうまくできない方は下記、参考に
https://teratail.com/questions/238564
回答4件
0
出てますね。
HTML的におかしいところは散見されますが、出てます。
拡張子.html（それ以前は任意。半角英数推奨）でファイルを作成して、ブラウザで開くだけです。
投稿2020/06/06 08:03
総合スコア80875
0
ベストアンサー
HTML
1<!doctype html> 2<html> 3<head> 4 <meta charset="UTF-8"> 5 <title>KUJIRA cafeへようこそ</title> 6</head>
じゃないですか？
----追記----
修正されたコードでは多分大丈夫です。
投稿2020/06/06 04:12
編集2020/06/06 08:14総合スコア2722
0
もし、「テキストエディット」で書いているのあれば、別のHTMLを書くのに適したエディタを探しましょう。
【MacのテキストエディットでHTML書類を扱う - Apple サポート】
https://support.apple.com/ja-jp/guide/textedit/txted0b6cd61/mac
【Macのテキストエディット.appでHTML文書のソースを編集する方法 / Inforati】
http://inforati.jp/apple/mac-tips-techniques/application-hints/how-to-open-html-xhtml-document-with-mac-text-edit-app.html
投稿2020/06/06 07:22
総合スコア69583
0
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5 <title>KUJIRA cafeへようこそ</title> 6</head> 7<body> 8</body> 9</html>
をindex.htmlという名前で保存してください！
そうしたら、ブラウザの上側にドラッグ＆ドロップしてみてください！
投稿2020/06/06 06:49
総合スコア137
すいません。
ブラウザの上側にドラッグ&ドロップができません。
画面のどこかをカーソルで選択して持ち上げることもできませんし。
本当に初心者なので、もう一度説明お願いできませんか？
たびたび申し訳ありません。
https://dotinstall.com/lessons/basic_html_v5#!comments
このサイトの「ブラウザのタブ部分にドラッグ&ドロップするようにしてください」を見ればわかります！(後ろの黒い画面は気にしなくてもいいです！)
それかGoogle ChromeとVS Codeをインストールする手もあります！
インストールの仕方
Windowsの場合
https://dotinstall.com/lessons/basic_pcsetup_win_v2/50501
https://dotinstall.com/lessons/basic_pcsetup_win_v2/50502
macの場合
https://dotinstall.com/lessons/basic_pcsetup_mac_v2/50401
https://dotinstall.com/lessons/basic_pcsetup_mac_v2/50402
いろいろとありがとうございます。
大変参考になりました。
zen22vvさん
広告と受け取られるような投稿にも受け取られる可能性があります。気をつけてください。
わかりました！
ちなみに以前どこかの質問でみたアイコンだなと思い調べたらドットインストールでの素材でしたね。
素材は個人学習の範囲内のみ使用可能かと思い問い合わせてみました。(下記がその対応になります)
> こちらの件ですが、レッスンで提供している素材は個人学習のみにご利用いただけるものとなりますので、SNSのアイコンにはご利用いただけません。
ご理解いただければ思います。
変えました！
(全部白いように見える...)
あなたの回答
tips
プレビュー
