他人の書いたHTMLに段落をつけたい

2020/02/14 09:55

このQ&Aのポイント

他人の書いたHTMLに段落をつける方法を教えてください。HTMLでウェブページを作成中ですが、他人の書いたHTMLを修正しながら作りたいと思っています。
どうやって他人の書いたHTMLに段落を追加するのかわかりません。読みやすいウェブページを作りたいのですが、現在見ているHTMLは一直線に揃っていて、どれがどれに対応しているのかわかりません。
Adobe Dreamweaverを使っていましたが、他人の書いたHTMLを整頓する機能があったと思います。現在も同じような機能はありますか？

orange-house
お礼率100% (1023/1023)

ホームページ作成ソフト
回答数4
ありがとう数4

みんなの回答 （4）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

asciiz
ベストアンサー率70% (6833/9715)

2020/02/14 12:07 回答No.4

たぶんこんな感じのツールをお探しですね。＞HTML整頓くん＞https://www.vector.co.jp/soft/win95/net/se382567.html ＞HTMLソースを見やすく整頓 HTMLタグの階層に従って、読みやすくなるよう自動でインデントただしこちらは公開時期が古いせいか、新しめのHTMLを食わすと「○○はブロック要素(インデント)しますか」とたくさん聞いてきます。「はい」で答えたタグはインデントされ、「いいえ」で答えたタグはインデントされず一行になります。おまけに最後の最後でエラーに? ちょっとWin10時代に使えるものではないかも知れません…。そこで、次のWebサービスを見つけました。＞HTMLのコード整形ツール＞https://lab.syncer.jp/Tool/HTML-PrettyPrint/ 「変換前のコード」にHTMLソースをコピペすると、「変換後のコード」欄にインデント結果が表示され、コピペできます。(Ctrl+A全選択→Ctrl+Cコピー、でスクロールしなくても全文コピーできます) どんなふうに変換されたか、下の「ビューアー」欄で確認するだけでもいいです。 javascriptとかもきれいにインデントされるのでこちらがいいかもしれません。

質問者

お礼 2020/02/17 13:50

ありがとうございました！こういうのを探していました。 HTMLファイルをそのまま放り込んだら、殆ど文字化けしてしまって、え？って思ったのですが、ちゃんとコピーして貼り付けしたら、正確に並びが修正されました。（修正というか、こういう段々にしたいな、という具合になりました。）助かりました。

その他の回答 (3)

dragon-man
ベストアンサー率19% (2712/13696)

2020/02/14 10:57 回答No.3

＞例えば<div>を書いたら、それと同じ位置に</div>を書いて、少しスペースを空けてその中に<p>を書いて、高さをそろえて</p>を書いて、という誰が見ても読みやすいように書きたいのですが、どういうことをやりたいのか、さっぱり分かりません。実例を示して下さい。

質問者

お礼 2020/02/14 11:34

すみませんでした。名前すらわからなかったものですから・・・インデントと言われるものらしいです。 <table> <tr><th>名前</th><td>のびた</td><td>ジャイアン</td></tr> <tr><th>性別</th><td>男の子</td><td>男の子</td></tr> <tr><th>特技</th><td>寝る</td><td>カラオケ</td></tr> </table> を <table> スペース<tr><th>名前</th><td>のびた</td><td>ジャイアン</td></tr> スペース<tr><th>性別</th><td>男の子</td><td>男の子</td></tr> スペース<tr><th>特技</th><td>寝る</td><td>カラオケ</td></tr> </table> こう自動で変えたいのです。回答、ありがとうございました。