<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Webdesign Style &#187; HTML/CSS</title>
	<atom:link href="http://www.webdesign-style.de/category/htmlcss/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.webdesign-style.de</link>
	<description>Dieser Blog dreht sich rund um das Webdesign</description>
	<lastBuildDate>Sun, 15 May 2011 12:06:02 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.3</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>HTML/CSS</title>
		<link>http://www.webdesign-style.de/htmlcss/</link>
		<comments>http://www.webdesign-style.de/htmlcss/#comments</comments>
		<pubDate>Wed, 12 Aug 2009 10:04:33 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[HTML/CSS]]></category>

		<guid isPermaLink="false">http://www.webdesign-style.de/?p=29</guid>
		<description><![CDATA[HTML ist eine Auszeichnungssprache und keine Programmiersprache, dass verwechseln viele Leute, die meinem im Bereich Webdesign zu arbeiten. HTML Seiten werden nicht programmiert sondern geschrieben. Es sind zwar Codes die man schreibt, doch man programmiert HTML nicht. HTML ist sogesehen nur eine aneinanderkettung von Befehlen, von daher wird nichts programmiert, keine Schleifen oder ähnliches.
CSS ist [...]]]></description>
			<content:encoded><![CDATA[<p>HTML ist eine Auszeichnungssprache und keine Programmiersprache, dass verwechseln viele Leute, die meinem im Bereich Webdesign zu arbeiten. HTML Seiten werden nicht programmiert sondern geschrieben. Es sind zwar Codes die man schreibt, doch man programmiert HTML nicht. HTML ist sogesehen nur eine aneinanderkettung von Befehlen, von daher wird nichts programmiert, keine Schleifen oder ähnliches.</p>
<p>CSS ist für die gestaltung der Seite zuständig. Einem HTML Dokument wird eine style.css Datei angefügt, in der bestimmte Attribute und Befehle zugeteilt werden. Damit werden dann die HTML Elemente formatiert und die visuelle Ausgabe der HTML Datei beeinflusst. Per Id oder Class kann man dann in der HTML Datei die Formate eingeben.</p>
<p>Hier mal ein paar Code Beispiele, was man mit HTML alles anfangen kann:</p>
<p><strong>Tabellen</strong></p>
<p>Mit HTML kann man im Webdesign perfekt die Grundstruktur der Seite aufbauen, was meist mit Tabellen oder Kontainern geschiet, Tabellen eignen sich sehr gut um die Positionen von mehreren Elemente auf einer Seite anzugeben.</p>
<p>Eine Tabelle hat die Grundbefehle table, th, tr und td. Mit table wird die Tabelle geöffnet und geschlossen und mit th wird der Tabelle eine Titelzeile hinzugefügt. TR und TD sind Zeilen und Spalten Befehle, mit tr wird eine neue Zeile eröffnet und mit td eine neue Spalte. Das Style-Element im table tag, dient lediglich einer kleinen Formatierung, hier das Beispiel:</p>
<blockquote><p>&lt;table style=&#8221;border: 2px solid; width: 300px; height: 150px;&#8221; border=&#8221;0&#8243;&gt;<br />
&lt;tbody&gt;<br />
&lt;tr&gt;<br />
&lt;th colspan=&#8221;2&#8243;&gt;Hier ist die Überschrift&lt;/th&gt;<br />
&lt;/tr&gt;<br />
&lt;tr&gt;<br />
&lt;td&gt;Reihe 1 Zeile 1&lt;/td&gt;<br />
&lt;td&gt;Reihe 1 Zeile 2&lt;/td&gt;<br />
&lt;/tr&gt;<br />
&lt;tr&gt;<br />
&lt;td&gt;Reihe 2 Zeile 1&lt;/td&gt;<br />
&lt;td&gt;Reihe 2 Zeile 2&lt;/td&gt;<br />
&lt;/tr&gt;<br />
&lt;/tbody&gt;&lt;/table&gt;</p>
<p>und so siehts aus:</p>
<table style="border: 2px solid; width: 300px; height: 150px;" border="0">
<tbody>
<tr>
<th colspan="2">Hier ist die Überschrift</th>
</tr>
<tr>
<td>Reihe 1 Zeile 1</td>
<td>Reihe 1 Zeile 2</td>
</tr>
<tr>
<td>Reihe 2 Zeile 1</td>
<td>Reihe 2 Zeile 2</td>
</tr>
</tbody>
</table>
</blockquote>
<p>Soviel zum Thema Tabellen.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webdesign-style.de/htmlcss/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

