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

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

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

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

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

903閲覧

Google Document&Developper Tool

nozatodogers

総合スコア30

HTML

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

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2021/12/01 13:53

下記スクリーンショットを参照願います。
https://gyazo.com/221885c2880d52de142fe28c7265647d

GoogleDocumentsを使って適当な文言を記述しHtmlとCssのシュミレーションをしています。

下記質問です。
1.DockModeを出すには
2.Htmlは左側のペインですが、こんなに長いか
3.Cssは真ん中のペインですが、こんなに長いか
4.文言記述➡コーデイングができるものはないか GoogleDocuments以外で
GoogleDocumentsだとメニューが読みにくい

識者からの回答をお待ちしていますが、URLだけを貼り付けることは止めてください。
ポイントが絞りにくいためです。

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

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

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

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

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

m.ts10806

2021/12/01 14:28 編集

画像は外部サービスではなくteratail投稿の画像添付機能を利用してください。 「こんなに」「文言記述➡コーデイングができるものは」と仰いますが、質問の意図や背景が分かりかねます。 非常にポイントの分かりにくい投稿で「ポイントが絞りにくいため」とアドバイスを制限しようとするのはいささか横柄かと思います(タイトルも名詞しかない)。 https://teratail.com/help/question-tips
guest

回答1

0

ベストアンサー

1.DockModeを出すには

DockMode とはなんですか?


2.Htmlは左側のペインですが、こんなに長いか
3.Cssは真ん中のペインですが、こんなに長いか

「Google Documents を WYSIWYG の HTML エディタとして使っていて、その出力 HTML(CSS)はこんなに長いか」
という質問だと読みました。

ご提示のスクリーンショットは Google Documents の HTML であって、出力 HTML(CSS)ではないです。
メニューからエクスポートをお試しください。


4.文言記述➡コーデイングができるものはないか GoogleDocuments以外で

__GoogleDocumentsだとメニューが読みにくい __

「WYSIWYG の HTML エディタはないか」
という質問だと読みました。

有名どころでは Dreamweaver かと思います。

投稿2021/12/02 01:39

Lhankor_Mhy

総合スコア36960

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

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

nozatodogers

2021/12/02 03:36

>>1.DockModeを出すには すみません。DokSideの間違いでした。出し方は自己解決しました。 >出力 HTML(CSS)ではないです。メニューからエクスポートをお試しください。 これはどのようにすればいいのでしょうか >有名どころでは Dreamweaver ちょっとオーバースペックかなという感じかな。フリーで使い方が簡単な ものはないでしょうか。 要はデベロッパーツールのエレメントツールを理解できれば、GoogleDocumentだけでも通用するという感じですか
Lhankor_Mhy

2021/12/02 03:48

>これはどのようにすればいいのでしょうか ファイル>ダウンロード>ウェブページ です。 --- > フリーで使い方が簡単なものはないでしょうか。 あなたの立場がユーザーであるならば、今時はWIXやBaseなどのNoCode系を使うのが流行りです。 あなたの立場がエンジニアであるならば、普通にVSCodeなどのコードエディタを使った方がいいです。 --- > 要はデベロッパーツールのエレメントツールを理解できれば、GoogleDocumentだけでも通用するという感じですか おすすめはしないです。
Lhankor_Mhy

2021/12/03 00:31

> 2つのスクリーンショットからHtmlとCssが記述されていないのは? 何をお聞きになっているのかわからないです。 不明な点はどこですか?
Lhankor_Mhy

2021/12/03 02:33

もしかして、CSSファイルが見当たらない、ということが言いたいのかな……? であれば、CSSはHTMLファイルの中に書くことができます。
nozatodogers

2021/12/04 01:57

> >2つのスクリーンショットからHtmlとCssが記述されていないのは? 下記のような感じです。テキストなどを入力するとコードが出現する https://gyazo.com/c4ce6b6ac02ab0c70a3606e528823466 >WYSIWYG の HTML エディタはないか 上記の画像URLみたいな感じですか
nozatodogers

2021/12/06 01:19

@Lhankor_Mhy >ファイル>ダウンロード>ウェブページ この件、理解できました。要するにHtmlファイルを作成するということですね。 https://gyazo.com/be41940942b33e0f4681086c21eb01b0 ただ、ここでHtmlにABCDや1234がないのはなぜですか 一方、メモ帳でやるとテキストが出現しています。 https://gyazo.com/6d906df8c451977559dc8ab65b77f48e 上記のようなことは当面、メモ帳などを使って練習し、慣れるにしたがってCodePenやVscodeに移していきます。
Lhankor_Mhy

2021/12/06 02:28

> HtmlにABCDや1234がないのはなぜですか 右三角矢印▶は展開できるものを表すことがあります。Devtoolsでもそうです。
Lhankor_Mhy

2021/12/06 06:33

試せばいいのでは。 スクリーンショットしてアップロードしてコメントを入力する時間があれば、100回ぐらいクリックできるのでは。 下です。
Lhankor_Mhy

2021/12/06 07:45

ん?もしかして、黄色い囲みのことを言ってますか? それなら違います。 »ではなくて、▶です。 ▶<body>...</body>と書いてあるやつです。
Lhankor_Mhy

2021/12/07 09:19

限界とは何のことかわからないですが、展開の仕方をご理解されたようで喜ばしいです。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問