﻿<?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>Παναγιώτης «thePrince» Βελισαράκος &#187; HTML</title>
	<atom:link href="http://www.prince.gr/tag/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.prince.gr</link>
	<description>Το προσωπικό μου ιστολόγιο, με θέματα για web developers κια άλλα.</description>
	<lastBuildDate>Fri, 25 Jun 2010 20:40:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Πρώτα βήματα στην HTML: form</title>
		<link>http://www.prince.gr/article/first_steps_in_html-form/</link>
		<comments>http://www.prince.gr/article/first_steps_in_html-form/#comments</comments>
		<pubDate>Sun, 16 May 2010 09:44:42 +0000</pubDate>
		<dc:creator>thePrince</dc:creator>
				<category><![CDATA[Μαθήματα HTML]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=90</guid>
		<description><![CDATA[Θα κλείσουμε αυτή την σύντομη ξενάγηση στα βασικότερα tags της <abbr title="HyperText Markup Language">HTML</abbr> με τα <code>form</code>, <code>label</code>, <code>input</code> και τα υπόλοιπα tags που μας επιτρέπουν να σχεδιάσουμε κάθε είδους φόρμας. Δυστυχώς, οι φόρμες της HTML, χρειάζονται είτε Javascript είτε κάποια τεχνολογία στον server για την επεξεργασία τους, είτε <em>και</em> τα δύο. Ωστόσο, μπορούμε να ξεκινήσουμε από τα βασικά.]]></description>
		<wfw:commentRss>http://www.prince.gr/article/first_steps_in_html-form/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Πρώτα βήματα στην HTML: table</title>
		<link>http://www.prince.gr/article/first_steps_in_html-table/</link>
		<comments>http://www.prince.gr/article/first_steps_in_html-table/#comments</comments>
		<pubDate>Sat, 15 May 2010 08:40:15 +0000</pubDate>
		<dc:creator>thePrince</dc:creator>
				<category><![CDATA[Μαθήματα HTML]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=76</guid>
		<description><![CDATA[Τα tables (πίνακες) είναι ίσως τα πιο κακομεταχειρισμένα tags της <abbr title="HyperText Markup Language">HTML</abbr>. Τα περισσότερα sites που υπάρχουν στο διαδίκτυο και είναι φτιαγμένα μέχρι πριν από 4-5 χρόνια χρησιμοποιούν πίνακες για το design ενώ <strong>δεν</strong> είναι αυτή η δουλειά για την οποία προορίζονται &#8212; τα tables είναι για την πληροφορία εκείνη που πρέπει να παρουσιαστεί σε πίνακα για να είναι ευανάγνωστη: αριθμοί, στατιστικές, σύγκριση χαρακτηριστικών κ.α.]]></description>
		<wfw:commentRss>http://www.prince.gr/article/first_steps_in_html-table/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Πρώτα βήματα στην HTML: body και τα πρώτα tags</title>
		<link>http://www.prince.gr/article/first_steps_in_html-body/</link>
		<comments>http://www.prince.gr/article/first_steps_in_html-body/#comments</comments>
		<pubDate>Fri, 14 May 2010 07:54:32 +0000</pubDate>
		<dc:creator>thePrince</dc:creator>
				<category><![CDATA[Μαθήματα HTML]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=74</guid>
		<description><![CDATA[Φτάσαμε στο <code>body</code>. Τώρα αρχίζουν τα δύσκολα διότι, ότι γράψουμε από εδώ και πέρα θα εμφανιστεί στο διαδίκτυο και θα μείνει για πάντα! Εδώ θα μπει το βιογραφικό μας σημείωμα, η φόρμα επικοινωνίας, οι σκέψεις μας σχετικά με το ασφαλιστικό και την πορεία της ομάδας μας στα γήπεδα της ευρώπης. Αλλά πρώτα, λίγη θεωρία&#8230;]]></description>
		<wfw:commentRss>http://www.prince.gr/article/first_steps_in_html-body/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Πρώτα βήματα στην HTML: html και head</title>
		<link>http://www.prince.gr/article/first_steps_in_html-head/</link>
		<comments>http://www.prince.gr/article/first_steps_in_html-head/#comments</comments>
		<pubDate>Thu, 13 May 2010 12:16:51 +0000</pubDate>
		<dc:creator>thePrince</dc:creator>
				<category><![CDATA[Μαθήματα HTML]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=71</guid>
		<description><![CDATA[Αφού <a href="/article/first_steps_in_html-doctype/">αποφασίσαμε</a> τι είδους/version &#171;γλώσσα&#187; θα χρησιμοποιήσουμε για το site μας, ώρα να ξεκινήσουμε! Θα υποθέσω προς το παρόν οτι φτιάχνουμε ένα site σε <a href="http://www.w3.org/TR/html4/">HTML Strict 4.01</a> και, σε κάποιο επόμενο άρθρο, <del>θα αναφερθώ στις διαφορές με την <abbr title="Extensible HyperText Markup Language">XHTML</abbr></del>. Τώρα που το σκέφτομαι, δε νομίζω πως έχει νόημα να αναφερθώ στην XHTML πλέον &#8212; η αφορμή για το ξεσκόνισμα των παλιών αυτών άρθρων είναι η <a href="http://www.w3.org/TR/html5/">HTML5</a> και η XHTML, καλώς ή κακώς, θα περάσει στην ιστορία. Μπορείτε βέβαια να γράψετε HTML5 κώδικα με <abbr title="Extensible Markup Language">XML</abbr> σύνταξη αλλά γιατί να το κάνετε;]]></description>
		<wfw:commentRss>http://www.prince.gr/article/first_steps_in_html-head/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Πρώτα βήματα στην HTML: το DOCTYPE</title>
		<link>http://www.prince.gr/article/first_steps_in_html-doctype/</link>
		<comments>http://www.prince.gr/article/first_steps_in_html-doctype/#comments</comments>
		<pubDate>Wed, 12 May 2010 15:08:24 +0000</pubDate>
		<dc:creator>thePrince</dc:creator>
				<category><![CDATA[Μαθήματα HTML]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=69</guid>
		<description><![CDATA[Αυτό είναι το πρώτο από μια σειρά άρθρων που ολοκλήρωσα στα τέλη του 2007 και πλέον πρέπει να επικαιροποιηθούν. Πρόκειται για τα πρώτα βήματα στην <abbr title="HyperText Markup Language">HTML</abbr> και θα προσθέσω πληροφορίες για την HTML5 που φάνηκε στον ορίζοντα. Θα ξεκινήσω λοιπόν με μια σύντομη εισαγωγή στην HTML και θα δούμε κιόλας την πρώτη γραμμή που θα πρέπει να υπάρχει στον κώδικα: την δήλωση <code>DOCTYPE</code>.]]></description>
		<wfw:commentRss>http://www.prince.gr/article/first_steps_in_html-doctype/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Κεντραρισμένες εικόνες προεπισκόπησης (thumbnails)</title>
		<link>http://www.prince.gr/article/centered_thumbnails/</link>
		<comments>http://www.prince.gr/article/centered_thumbnails/#comments</comments>
		<pubDate>Fri, 02 Apr 2010 12:09:31 +0000</pubDate>
		<dc:creator>thePrince</dc:creator>
				<category><![CDATA[Προγραμματισμός]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=412</guid>
		<description><![CDATA[Πολλές φορές απαιτείται να παρουσιάσουμε μια λίστα με εικόνες προεπισκόπησης (thumbnails) το μέγεθος των οποίων δεν το γνωρίζουμε ή δεν είναι σταθερό. Αυτό μπορεί να συμβεί είτε γιατί οι φωτογραφίες προέρχονται από διαφορετικές πηγές είτε γιατί το <abbr title="Content Management System">CMS</abbr> που χρησιμοποιείται δεν έχει τη δυνατότητα να προσαρμόσει το μέγεθος στις απαιτήσεις μας κατά την καταχώρηση των προϊόντων. Ακολουθεί μια εύκολη μέθοδος για &#8230;ευπαρουσίαστες λίστες προϊόντων &#8212; χωρίς tables φυσικά!]]></description>
		<wfw:commentRss>http://www.prince.gr/article/centered_thumbnails/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML &lt;BUTTON&gt; element, μέρος 2ο</title>
		<link>http://www.prince.gr/article/html_button_element_part_2/</link>
		<comments>http://www.prince.gr/article/html_button_element_part_2/#comments</comments>
		<pubDate>Wed, 03 Mar 2010 00:01:42 +0000</pubDate>
		<dc:creator>thePrince</dc:creator>
				<category><![CDATA[Προγραμματισμός]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=393</guid>
		<description><![CDATA[Επιστρέφω στο &#60;BUTTON&#62; βρίσκοντας λύσεις, workarounds και bugs στην προσπάθειά μου να τα κάνω &#171;όμορφα&#187; ή τουλάχιστον, όπως μου ζητήθηκε!]]></description>
		<wfw:commentRss>http://www.prince.gr/article/html_button_element_part_2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Breadcrumb navigation και άλλες ιστορίες!</title>
		<link>http://www.prince.gr/article/breadcrumb_navigation/</link>
		<comments>http://www.prince.gr/article/breadcrumb_navigation/#comments</comments>
		<pubDate>Tue, 02 Feb 2010 23:21:02 +0000</pubDate>
		<dc:creator>thePrince</dc:creator>
				<category><![CDATA[Προγραμματισμός]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=386</guid>
		<description><![CDATA[Μετά από 6 δύσκολους, σε προσωπικό αλλά και επαγγελματικό επίπεδο, επιστρέφω στην ενεργό &#171;δράση&#187;, με ένα σύντομο tutorial και τις καλύτερες ευχές για τη νέα χρονιά που μόλις πριν από 1 μήνα ξεκίνησε!]]></description>
		<wfw:commentRss>http://www.prince.gr/article/breadcrumb_navigation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML &lt;BUTTON&gt; element</title>
		<link>http://www.prince.gr/article/html_button_element/</link>
		<comments>http://www.prince.gr/article/html_button_element/#comments</comments>
		<pubDate>Sat, 23 Aug 2008 10:06:25 +0000</pubDate>
		<dc:creator>thePrince</dc:creator>
				<category><![CDATA[Προγραμματισμός]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=160</guid>
		<description><![CDATA[Ξεκίνησα ένα νέο project που περιλαμβάνει καλάθι αγορών, επομένως, φόρμες. Ο &#171;web designer&#187; έχει βέβαια τη δική του άποψη για το πως θα πρέπει να εμφανίζονται τα πεδία και τα κουμπιά οπότε έπρεπε να βρω μια λύση για όλα τα <em>submit</em> αλλά και τα <em>cancel</em> κουμπιά. Γενικώς, είμαι κατά του &#171;styling&#187; των πεδίων με το σκεπτικό πως θα πρέπει αυτά να ταιριάζουν με το λειτουργικό σύστημα του χρήστη ώστε να είναι σαφής η λειτουργικότητα τους αλλά ο &#171;designer ξέρει καλύτερα&#187;!]]></description>
		<wfw:commentRss>http://www.prince.gr/article/html_button_element/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML σε απλά ελληνικά, μέρος 10ο</title>
		<link>http://www.prince.gr/article/html_in_plain_greek-part_10/</link>
		<comments>http://www.prince.gr/article/html_in_plain_greek-part_10/#comments</comments>
		<pubDate>Tue, 13 May 2008 07:40:34 +0000</pubDate>
		<dc:creator>thePrince</dc:creator>
				<category><![CDATA[Μαθήματα HTML]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=151</guid>
		<description><![CDATA[Τελευταίο μάθημα σήμερα! Θα κλείσουμε με μια περίληψη των διαθέσιμων tags για πίνακας και δυο-τρία ακόμα.]]></description>
		<wfw:commentRss>http://www.prince.gr/article/html_in_plain_greek-part_10/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
