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

質問

HTMLでウェブページを作成中です。

もう5年前くらい前に、Adobe Dreamweaverを使いながら書いたと思うのですが、
他人の書いたHTMLを修正しながら作りたいと思っていて・・・
その書いた人のHTMLが、何と説明したら良いのかわからないので質問したのですが、
例えば<div>を書いたら、それと同じ位置に</div>を書いて、
少しスペースを空けてその中に<p>を書いて、高さをそろえて</p>を書いて、という誰が見ても読みやすいように書きたいのですが、今見ているのは先頭が一直線に揃っていて、どれがどれに対応しているのか、というのが読みづらいです。

そういったのを、Adobe Dreamweaverで一発整頓みたいなのができたと思うのですが、今もその機能ありますか？

回答No.4

asciiz · ベストアンサー

たぶんこんな感じのツールをお探しですね。

＞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とかもきれいにインデントされるのでこちらがいいかもしれません。

お礼

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

助かりました。

回答No.3

dragon-man

＞例えば<div>を書いたら、それと同じ位置に</div>を書いて、
少しスペースを空けてその中に<p>を書いて、高さをそろえて</p>を書いて、という誰が見ても読みやすいように書きたいのですが、

どういうことをやりたいのか、さっぱり分かりません。実例を示して下さい。

お礼

すみませんでした。名前すらわからなかったものですから・・・
インデントと言われるものらしいです。
<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>
こう自動で変えたいのです。

回答、ありがとうございました。

回答No.2

okwavey3

Dreamweaverは知りませんが

http://www.shurey.com/js/works/tag_convert.html

でやりたいことはできそうです。

何というかわからないのは恐らくインデントです。

お礼

えーとURL先拝見しましたが、実際にHTMLを入れてみましたが、
インデントの機能、よく分かりませんでした。
設定パネルの方に、インデントがなさそうです。

回答、ありがとうございました。

回答No.1

OKWave_77777

ない

お礼

回答、ありがとうございました。