Forum Doku Wiki Blog

Forumsarchiv 2004, Oktober
Programm zum grafischen darstellen von HTML-Tags?

archivierte Beiträge lesen

  1. (HTML) Programm zum grafischen darstellen von HTML-Tags? von Whitesnake, 28. 10. 2004, 11:45

Programm zum grafischen darstellen von HTML-Tags?

Der folgende Beitrag wurde am 28. 10. 2004, 11:45 Uhr von Whitesnake veröffentlicht.

Ich suche ein Programm, mit dem ich die Verschachtelung von HTML Tags schön grafisch darstellen kann. Also HTML ist die Wurzel, dann gibts body und head das drinnen liegt und dann im body liegt vielleicht eine table etc. Ich will das schön übersichtlich zeichnen, weiß aber nicht mit welchen Programm. Vielleicht hat jemand einen guten Tipp.

Programm zum grafischen darstellen von HTML-Tags?

Der folgende Beitrag wurde am 28. 10. 2004, 11:52 Uhr von schwarze Piste veröffentlicht.

Tachchen!

Suche dir ein Programm, dass verschiedene Elemente in unterschiedlichen
Farben darstellt und rücke den Quelltext nach persönlichem Geschmack ein.

Viel mehr ist kaum zu machen befürchte ich. ;-)

Gruß

Die schwarze Piste
--
ie:{ fl:( br:^ va:) ls:# fo:) rl:( n4:& ss:{ de:] js:| ch:? mo:) zu:$
http://www.smartbytes.de

Programm zum grafischen darstellen von HTML-Tags?

Der folgende Beitrag wurde am 28. 10. 2004, 12:32 Uhr von Whitesnake veröffentlicht.

Nein, meinte dass es so eine Art Baumdiagramm werden soll, ein DOM-Baum. Übrigens tables sind cool und divs auch. Und fertig.

Programm zum grafischen darstellen von HTML-Tags?

Der folgende Beitrag wurde am 28. 10. 2004, 12:52 Uhr von schwarze Piste veröffentlicht.

Tachchen!

> Nein, meinte dass es so eine Art Baumdiagramm werden soll, ein DOM-Baum. Übrigens tables sind cool und divs auch. Und fertig.

Dann solltest du dir Cheatahs Tipp zu Herzen nehmen und mal den
DOM-Inspector in Geckos konsultieren. Der lässt sich zur Not auch
nachinstallieren, falls man das anfangs "vergessen" hat.

Gruß

Die schwarze Piste
--
ie:{ fl:( br:^ va:) ls:# fo:) rl:( n4:& ss:{ de:] js:| ch:? mo:) zu:$
http://www.smartbytes.de

Programm zum grafischen darstellen von HTML-Tags?

Der folgende Beitrag wurde am 28. 10. 2004, 11:52 Uhr von Cheatah veröffentlicht.

Hi,

> Ich suche ein Programm, mit dem ich die Verschachtelung von HTML Tags schön grafisch darstellen kann. Also HTML ist die Wurzel, dann gibts body und head das drinnen liegt und dann im body liegt vielleicht eine table etc. Ich will das schön übersichtlich zeichnen, weiß aber nicht mit welchen Programm. Vielleicht hat jemand einen guten Tipp.

ich weiß ja nicht genau, wie Du Dir die Darstellung vorstellst; aber warum schaust Du Dir nicht einfach Mozillas DOM-Inspector an?

Cheatah

P.S.: Es ist bedauerlich, dass Dir als Kind-Element des <body> als erstes <table> einfällt.
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes

Programm zum grafischen darstellen von HTML-Tags?

Der folgende Beitrag wurde am 28. 10. 2004, 11:57 Uhr von Ludger veröffentlicht.

Hi,

> P.S.: Es ist bedauerlich, dass Dir als Kind-Element des <body> als erstes <table> einfällt.

was waere erfeulich gewesen?   :-)

Gruss,
Ludger

PS: <P> ?

--
"Wer nicht kaempft, hat schon gewonnen."

Programm zum grafischen darstellen von HTML-Tags?

Der folgende Beitrag wurde am 28. 10. 2004, 11:58 Uhr von Cheatah veröffentlicht.

Hi,

> > P.S.: Es ist bedauerlich, dass Dir als Kind-Element des <body> als erstes <table> einfällt.
> was waere erfeulich gewesen?   :-)

quasi alles andere, das direkt innerhalb von <body> erlaubt ist. Selbst <div>.

Cheatah

--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes

Programm zum grafischen darstellen von HTML-Tags?

Der folgende Beitrag wurde am 28. 10. 2004, 12:06 Uhr von Ludger veröffentlicht.

Hi,

> > > P.S.: Es ist bedauerlich, dass Dir als Kind-Element des <body> als erstes <table> einfällt.
> > was waere erfeulich gewesen?   :-)
> quasi alles andere, das direkt innerhalb von <body> erlaubt ist. Selbst <div>.

noch mal zum Verstaendnis:
Block-Elemente wie <TABLE> sind doch erlaubt, oder?

http://de.selfhtml.org/html/referenz/elemente.htm#body
http://de.selfhtml.org/html/referenz/elemente.htm#block_elemente

Gruss,
Ludger

--
"Was macht eigentlich Kate Bush?"

Programm zum grafischen darstellen von HTML-Tags?

Der folgende Beitrag wurde am 28. 10. 2004, 12:31 Uhr von Ingo Turski veröffentlicht.

Hi,

> noch mal zum Verstaendnis:
> Block-Elemente wie <TABLE> sind doch erlaubt, oder?
natürlich. Bedauerlich war nur, daß Dir gerade dieses Element als erstes einfiel und Du diesbezüglich nicht speziell nach der Darstellung einer Tabellenstruktur, sondern der Seitenstruktur im Allgemeinen gefragt hattest. Hier käme nämlich sinnvollerweise zunächst einmal h1.

freundliche Grüße
Ingo

Programm zum grafischen darstellen von HTML-Tags?

Der folgende Beitrag wurde am 28. 10. 2004, 15:30 Uhr von Cheatah veröffentlicht.

Hi,

> Bedauerlich war nur, daß Dir gerade dieses Element als erstes einfiel und Du diesbezüglich nicht speziell nach der Darstellung einer Tabellenstruktur, sondern der Seitenstruktur im Allgemeinen gefragt hattest.

s/Dir/Whitesnake/, s/Du/er/, s/hattest/hatte/.

Chea "Und natürlich s/daß/dass/" tah ;-)

--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes

Programm zum grafischen darstellen von HTML-Tags?

Der folgende Beitrag wurde am 28. 10. 2004, 16:02 Uhr von Ingo Turski veröffentlicht.

Hi,

> s/Dir/Whitesnake/, s/Du/er/, s/hattest/hatte/.
sorry...
> Chea "Und natürlich s/daß/dass/" tah ;-)
aber das behalte ich trotzdem bei. ;-)

freundliche Grüße
Ingo

Programm zum grafischen darstellen von HTML-Tags?

Der folgende Beitrag wurde am 28. 10. 2004, 16:34 Uhr von Cheatah veröffentlicht.

Hi,

> > Chea "Und natürlich s/daß/dass/" tah ;-)
> aber das behalte ich trotzdem bei. ;-)

sprichst Du es dann wenigstens auch "dahß" aus? ;-)

Cheatah

--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes

Programm zum grafischen darstellen von HTML-Tags?

Der folgende Beitrag wurde am 28. 10. 2004, 16:54 Uhr von Ingo Turski veröffentlicht.

Hi,

> sprichst Du es dann wenigstens auch "dahß" aus? ;-)
nö. Ich passe meine Aussprache doch nicht den vermursten neuen Rechtschreibregeln an. ;-)

freundliche Grüße
Ingo

Programm zum grafischen darstellen von HTML-Tags?

Der folgende Beitrag wurde am 28. 10. 2004, 12:00 Uhr von Danny veröffentlicht.

Hi,

einige Web- (z.B. Dreamweaver) und viele XML-Editoren können Dokumente als Baumstrukturen darstellen.
Dabei ist die ursprüngliche Formatierung der Tags im Quellcode relativ egal, d.h. wie Einrückung, Zeilenwechsel, etc.. enthalten sind, da ein Parser die Knoten untersucht und sich die Darstellung der Struktur daraus ergibt.

MfG
Danny

Programm zum grafischen darstellen von HTML-Tags?

Der folgende Beitrag wurde am 28. 10. 2004, 13:26 Uhr von e7 veröffentlicht.

Hi,

da hab ich ein schönes Bookmarklet:

javascript:function getChildren(obj,lvl){var ind='';for(var j=0;j<lvl;j++)ind+='  ';var s='';for(var i=0;i<obj.childNodes.length;i++){var subobj=obj.childNodes[i];if(subobj.nodeName.indexOf('#')==0)s+='\n  '+ind+subobj.nodeName;else if(subobj.nodeName.indexOf('!')==0){s+='\n  '+ind+'</!-- (comment) -->';}else{s+='\n  '+ind+'<'+subobj.nodeName+'>';if(subobj.name)s+=' ('+subobj.name+')';s+=getChildren(subobj,lvl+1);s+='\n  '+ind+'</'+subobj.nodeName+'>';}}return s;}var msg='<HTML>'+getChildren(document.documentElement,0)+'\n</HTML>';W=open('','','resizable,scrollbars=1');with(W.document){writeln('<h3>'+document.location.href+'</h3>');writeln('<xmp>'+msg+'</xmp>');close();}void(0);

E7

Programm zum grafischen darstellen von HTML-Tags?

Der folgende Beitrag wurde am 28. 10. 2004, 22:58 Uhr von Tim Tepaße veröffentlicht.

Hallo Whitesnake,

> Ich suche ein Programm, mit dem ich die Verschachtelung von HTML Tags schön
> grafisch darstellen kann. Also HTML ist die Wurzel, dann gibts body und head
> das drinnen liegt und dann im body liegt vielleicht eine table etc. Ich will
> das schön übersichtlich zeichnen, weiß aber nicht mit welchen Programm.

molily hat mal in seinem Artikel über HTML Dokumentmodelle die hierarchische
Struktur von HTML-Markup mit verschachtelten Listen und CSS dargestellt.
Das ist nicht unbedingt »grafisch« aber für mich doch optisch ansprechender
als die klassischen Baummodelle.

Das hätte auch den Vorteil, daß man sich »im Prinzip« das benötigte Programm
für die Erstellung des Ziel-Quellcodes relativ einfach selber basteln
könnte, anstatt schwierig mit Grafik rummurksen zu müssen.

Tim

© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4