質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
保存

保存(save)とは、特定のファイルを、ハードディスク等の外部記憶装置に記録する行為を指します。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

1198閲覧

保存してブラウザで開いたら全部コードになる

puyopuyomitti

総合スコア1

保存

保存(save)とは、特定のファイルを、ハードディスク等の外部記憶装置に記録する行為を指します。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2020/09/25 03:33

発生している問題・エラーメッセージ

現在HTML,CSSをSublime Textを使い学んでますが、(.css)(.html)で保存したら一部が白いコードになって
ブラウザで開いたら全部コードになってしまいます。
自分が書いたやつをコピペしたのでコードは大丈夫です。

どなたかご教授いただければと思います。
よろしくお願いいたします。

試したこと

イメージ説明

1Hぐらいかけて調べたが何も成果出ず

補足情報(FW/ツールのバージョンなど)

Sublime Text

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2020/09/25 03:38

コードは「コピペ」してください。画面キャプチャでは再現確認できません。
kuma_kuma_

2020/09/25 04:02

一応今現在の内容では<body>の下に<form>が無いです。
guest

回答1

0

ベストアンサー

.css拡張子のファイルは主にHTMLからlinkで使われるのを主たる目的とし、HTMLからlinkで参照されることにより効果を発揮します。
直接ブラウザで参照したらそのままコードが出るものです(jsファイルも同様)
あくまで.html拡張子にHTMLを書くからその効果がでるのであって.css拡張子ファイルにHTMLを書いても何の効果もありません。

ただ、HTMLタグも正しくないですし(doctypeの書き方、タグの開閉の対応など)、body内に何も表示させるような記述になっていないので.htmlにしたとしても、画面内には何も表示されないとは思いますが。

「html css 入門」などで検索し、それぞれの拡張子とコードにおける役割を確実におさえてください。

投稿2020/09/25 03:39

編集2020/09/25 03:44
m.ts10806

総合スコア80875

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

puyopuyomitti

2020/09/25 04:07

まだ勉強不足だったということですね…出直してきます!ありがとうございました。
m.ts10806

2020/09/25 04:11

何を参考にして勉強にしているか分からないですが、入門系書籍(HTML5,CSS3対応のもの)は1つ買っておいた方が良いかもしれません。 とりあえず今回の間違っている部分をまとめると ・cssファイルにHTMLを書いていること です。 ・ただhtmlファイルであってもHTMLが正しくない ・そもそもbody内に「画面表示」される要素がないので、画面に何もでない というのもあります。
puyopuyomitti

2020/09/25 04:26

テックアカデミーの無料で公開してるやつをみながらやってました。有料の本も検討してみます。 正直htmlの基礎が分からない状態でcssやってましたね。
m.ts10806

2020/09/25 04:30

テックアカデミーはteratailの質問・回答を盗用していた時期があったので、あまり回答者界隈の評価はよろしくありません。
puyopuyomitti

2020/09/25 04:46

そうなんですね。ありがとうございます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問