Jump to content

Recommended Posts

Posted

                                                                    HTML

Html σημαίνει HyperText Markup Language , είναι δηλαδή μια γλώσσα που μας επιτρέπει να μορφοποιούμε καποιες πληροφορίες προκειμένου να εμφανιστούν με τον τρόπο που θέλουμε σε έναν Browser . Η HTML δεν είναι γλώσσα προγραμματισμού αλλα γλώσσα μορφοποίησης . Είναι μια περιγραφική γλώσσα , δηλαδή ένας ειδικός τρόπος γραφής κειμένου και κλήσης άλλων αρχέιων η εφαρμογών βασισμένος σε ειδικές ετικέτες (tags). Οι ετικέτες αυτές περικλείονται μέσα σε σύμβολα < και >. Οι ετικέτες περικλείουν μια πληροφορία που θέλουμε

να μορφοποιήσουμε , υπάρχει δηλαδή μια ετικέτα που δηλώνει το τέλος της μορφοποίησης είναι ιδια με την ετικέτα που δηλώνει την αρχή με την μόνη διαφορά οτι περιέχει και τον χαρακτήρα / . Η γενική μορφή μιας ετικέτας ειναι: <ετικέτα> Κείμενο </ετικέτα>

Π . χ η οδηγία για να γίνει ενα κείμενο bold ειναι: <b> το κείμενο που θα ειναι bold </b>

 

Η HTML δεν "θέτει" περιορισμούς στο αν τα γράμματα της ετικέτας θα είναι κεφαλαία η μικρά. Είναι ομώς προτιμότερο να χρησιμοποιήσουμε μικρά γραμματα,γιατι πολλές φορές τα κεφαλαία Ελληνικά "μοίαζουν" με τα κεφαλαία Αγγλικά.Μπορεί όμως οπτικά να φαίνονται ίδια όμως πρόκειται για δύο διαφορετικά με αποτέλεσμα η εντολή να μην γινει κατανοητή απο τον browser και αυτός να την αγνοεί.

Π.χ Η ετικέτα για μια επικεφαλίδα ειναι <h1> Επικεφαλίδα </h1> ,αν "ξεχαστούμε" και γραψουμε την ετικέτα με κεφαλαία ελληνικά το οπτικό αποτέλεσμα στον κώδικα θα ειναι <H1> Επικεφαλίδα </H1>. Εμείς δεν θα καταλάβουμε τη διαφορά αλλα ο browser θα την καταλάβει και θα αγνοήσει την ετικέτα.

ΔΗΜΗΙΟΥΡΓΏΝΤΑΣ ΕΝΑ HTML ΑΡΧΕΙΟ

Για να δημιουργήσουμε ενα html αρχείο θα πρέπει να χρησιμοποιήσουμε ενα απλο επεξεργαστή κειμένου.Ο επεξεργαστής που χρησιμοποιήται συνήθως ειναι το Σημειωματάριο (Notepad).Ανοίγουμε λοιπόν το σημειωματάριο και επιλέγουμε Αποθήκευση.

Επιλέγουμε σημείο αποθηκευσης και στην συνέχεια γράφουμε το όνομα που θέλουμε να δώσουμε στην ιστοσελίδα μασ και δίνουμε την κατάληξη .html ή .htm.

Μόλις δημιουργησουμε το αρχειο μας το πρώτο πραγμα που θα πρέπει να κάνουμε ειναι να γράψουμε τις βασικές εντολες της HTML τις οποίες πρέπει να περιέχει καθε HTML αρχείο.Οι εντολές χωρίζονται σε αυτές που περικλέιουν πληροφορίες που δεν εμφανίζονται στην οθονη του browser και σε αυτές που εμφανίζονται.Δηλαδή απο τις ετικέτες που ανήκουν στο κεφάλι της σελίδας και περιέχουν πληροφορίες για την σελίδα και στο σώμα που περιέχονται πληροφορίες που εμφανίζονται στην οθόνη του browser.

Όλος ο κωδικας της HTML περιέχεται μέσα στις ετικέτες <html> ... </html>. Μέσα σε αυτή περιέχονται οι ετικέτες

<head> .... </head> δηλαδή το "κέφαλι" της html και μετά η <body> .... </body> δηλαδή το "σώμα" της σελίδας

<html>

<head>

<title> Η πρώτη μου Ιστοσελίδα </title>

</head>

<body>

....................

</body>

</html>

H Ετικέτα <title> Η πρώτη μου Ιστοσελίδα </title> περιέχεται μέσα στην ετικέτα <head> .... </head> και η πληροφορίες που περιέχονται μέσα σε αυτή (<title>) εμφανίζονται στην γραμμή του browser και οχι μεσα σε αυτόν.

 

[glow=red,2,300]ΒΑΣΙΚΑ ΣΤΟΙΧΕΙΑ[/glow]

τυπος εγγράφου <HTML> </HTML> Ορίζει την αρχή και το τελος

τιτλος <TITLE> </TITLE> εμφανίζεται στην μπλέ μπαρα του browser μπενει μεταξυ <HEAD> </HEAD>

επιφυλλίδα <HEAD> </HEAD> Εδω μπαίνει ο τιτλος της σελίδας τα styles και η java

βασικός κορμος <BODY> </BODY> το κύριο υλικό της σελίδας

[glow=red,2,300]ΜΟΡΦΟΠΟΙΗΣΗ ΚΕΙΜΕΝΟΥ[/glow]

Εντονη γραφη <B> </B>

πλακια γραφη <I> </I>

υπογραμμιση <U> </U>

επικεφαλιδα <HI> </HI> δεχεται 6 ορισμους:Η1 ως και Η6.Δημιουργει διαφορετικου μεγέθους χαρακτήρες

εντονη εμφαση <STRONG> </STRONG>

μεγαλα γραμματα <BIG> </BIG>

μικρα γραμματα <SMALL> </SMALL>

διαγραφη <STRIKE> </STRIKE>

εκθέτης <SUP> </SUP>

δείκτης <SUB> </SUB>

γραφομηχανή <TT> </TT>

προμορφοιποημένο <PRE> </PRE> εμφανίζει τα κένα διαστήματα οπως εχουν γραφεί

στοίχη στο κέντρο <CENTER> </CENTER>

μεγεθος γραμμάτων <FONT SIZE=i> </FONT> με τιμές i απο 1 ως και 7

χρώμα γραμμάτων <FONT COLOR="#$$$$$$"> </FONT> το χρώμα ορίζεται με τρέις (διψήφιους) δεκαεξαδικούς αριθμούς ή με το όνομα τ.

επιλογή γραμματοσειρας <FONT FACE="ονομα γραμματοσειράς"> </FONT>

κινούμενο σχέδιο <MARQUEE> </MARQUEE>

[glow=red,2,300]ΔΙΑΧΩΡΙΣΤΕΣ[/glow]

παραγραφος <P>

στοίχηση παραγράφου <P ALIGN=LEFT | CENTER | RIGHT> </P>

πλήρης στοίχηση παραγραφου <P ALIGN=JUSTIFY> </P>

αλλαγή σειράς <BR>

οριζόντια γραμμή <HR>

χρώμμα γραμμης <HR COLOR="#$$$$$$"> το χρώμα ορίζεται με τρέις (διψήφιους) δεκαεξαδικούς αριθμούς ή με το όνομα του.

στοίχηση γραμμης <HR ALIGN=LEFT | RIGHT | CENTER>

πάχος γραμμης <HR SIZE=i> Σε Pixels

πλατος γραμμης <HR WIDTH=i> Σε Pixels

πλάτος γραμμης <HR WIDTH="%"> Ως ποσοστό του πλάτους σελίδας

συμπαγής γραμμή <HR NOSHADE> Διχως την τριδιαστατη οψη

[glow=red,2,300]ΦΟΝΤΟ ΚΑΙ ΧΡΩΜΑΤΑ[/glow]

Επαναλαμβανομενη εικόνα φοντου <BODY BACKGROUND="Διαδρομή αρχείου εικόνας">

υδατογράφημα <BODY BGPROPERTIES="FIXED">

χρωμα φοντου <BODY BGCOLOR="#$$$$$$">  το χρώμα ορίζεται με τρέις (διψήφιους) δεκαεξαδικούς αριθμούς ή με το όνομα του.

βασικό χρωμα κειμένου <BODY TEXT="#$$$$$$"> το χρώμα ορίζεται με τρέις (διψήφιους) δεκαεξαδικούς αριθμούς ή με το όνομα τ.

χρώμα συνδέσμων <BODY LINK="#$$$$$$"> το χρώμα ορίζεται με τρέις (διψήφιους) δεκαεξαδικούς αριθμούς ή με το όνομα του.

χρώμα συνδέσμων που έχουμε επισκεφτεί <BODY VLINK="#$$$$$$"> -//-

ενεργός συνδεσμος <BODY ALINK="#$$$$$$> το χρώμα ορίζεται με τρέις (διψήφιους) δεκαεξαδικούς αριθμούς ή με το όνομα του.

[glow=red,2,300]ΛΙΣΤΕΣ[/glow]

Απλή λιστα <UL> <LI> <LI>....<LI> </UL> ΤΟ <LI> μπαίνει μπροστά απο κάθε στοιχείο της λίστας

τύπος κουκίδας <UL TYPE=DISC | CIRCLE | SQUARE> για όλη τη λιστα

τύπος κουκίδας <LI TYPE=DISC | CIRCLE | SQUARE> για το συγκεκριμένο στοιχείο της λίστας

αριθμιμένη λιστα <OL> <LI> <LI>...<LI> </OL> ΤΟ <LI> μπαίνει μπροστά απο κάθε στοιχείο της λίστας

μορφή αρίθμησης <OL TYPE=A|a|I|i|1> για όλη τη λιστα

μορφή αρίθμησης <LI TYPE=A|a|I|i|1> για το συγκεκριμένο στοιχείο της λίστας

αριθμός έναρξης αρίθμησης <OL START=αριρμός> για όλη τη λιστα

λιστα επεξηγήσεων <DL> <DT> <DD> <DT> <DD> ... <DT> <DD> </DL> (<DT>=όρος, <DD>=Επεξήγηση)

[glow=red,2,300]ΓΡΑΦΙΚΑ ΚΑΙ ΗΧΟΣ[/glow]

Εμφανιση εικόνας <IMG SRC="Διαδρομη αρχείου εικόνας>

στοιχηση εικονας <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>

στοιχηση εικονας  με το κειμενο <IMG SRC="διαδρομη αρχέιου εικόνας" ALIGN=TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>

εναλλακτικο κειμενο αντι της εικονας <IMG SRC="διαδρομη αρχέιου εικόνας"ALT="Κειμενο"> Αν η εικόνα δεν εμφανιστει

διστασεις εικονας <IMG SRC="διαδρομη αρχέιου εικόνας"WIDTH=Αριθμός HEIGHT=Αριθμ (μπορουμε κ σε %)> Ως  διαστασεων Σελ.

πλαισιο εικονας <IMG SRC="διαδρομη αρχέιου εικόνας"BORDER=Αριθμός> Σε Pixels

κενος χωρος γυρω απο την εικονα <IMG SRC="διαδρομη αρχέιου εικόνας"HSPACE=Αριθμός VSPACE=Αριθμός> Σε Pixels

ηχος <BGSOUND SRC="διαδρομη αρχέιου ηχου" LOOP=Αριθμός> μπαινει μεταξυ <Head> και </Head>. Loop -1 Συνεχώς

ανανεωση περιεχομενου αυτοματα* <META HTTP-EQUIV="Refresh" CONTENT"χρονος σε δευτερολεπτα; URL=ονομασια σελίδας">

 

Αυτό ηταν ο Οδηγός ειναι 100% Δικος μου. μου πηρε περιπου μια μερα να το γραψω.

Ελπιζω να βοηθηση καπως για οτι καινουργιο μαθαινω θα κανω UPDATE κάθε μερα.

Ευχαριστώ πολυ.

 

  • 8 months later...
Posted
Posted

kai ta 2 einia  poli akla... alla kaneis den dixnei to apotelesma... dld pws  8a fenete...

 

tecpa tnx

auto tha fanei apo to styl sou!, pws tha to kaneis, allwste den sas lew pws na kanete to diko sas site, sas dinw apla tous kwdikes gia na ta dimiourgisete monoi sas :)

Thnx dude :P

thnx >:D

Posted

gj...btw ginete na kaneis k me php an gnorizis?ty

den 3erw me php :/

auta ta ematha sto sxoleio, kai ta egrapsa se post :)

  • 4 weeks later...
Posted

Φίλε μου πολύ καλό, είχα κάποιες απορίες πάνω στην html τώρα νομίζω πως θα τις διελευκάνω!

Θα κοιτάξω και αυτά εδώ..

Ευχαριστώ!

Posted

Φίλε μου πολύ καλό, είχα κάποιες απορίες πάνω στην html τώρα νομίζω πως θα τις διελευκάνω!

Θα κοιτάξω και αυτά εδώ..Ευχαριστώ!

ότι πρόβλημα έχεις, μην διστάσεις, κανε ποστ :)

επίσης μπορείς να χρησιμοποιήσεις microsoft frontpage 2003, για coding, δες βιντεο στο youtube..

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Posts

    • I'm using Myext64 HF and recently tried to replicate the "br_xmas09_event" Raising Rudolph Event. Detailed event information can be found at https://legacy-lineage2.com/news/_rudolf_the_red.html After configuring .eventdata.xml and starting the server, t  server log shows: 12/02/2025 15:39:01.809, [NO_ERROR] SpawnEx2 [br_xmas2009_invisible][schuttgart20_npc2213_xs03m1] [1][0][0][0][0][346796390] 12/02/2025 15:39:02.057, DummyPacket received from L2Server 12/02/2025 15:39:02.058, server socket close 312ac(f0820224) error(997) 12/02/2025 15:39:02.058, [CallStack][tid:0][tick:2][0] Begin 12/02/2025 15:39:02.058, [CallStack][tid:0][tick:2][1][0] void __cdecl IOThreadCallback::IOThread_common(void) 12/02/2025 15:39:02.059, [CallStack][tid:0][tick:2][2][1] void IOThread_common 1 12/02/2025 15:39:02.059, [CallStack][tid:0][tick:2][3][2] void __cdecl CIOSocketEx<class CIOBufferEx<16384> >::Close(void) 12/02/2025 15:39:02.059, [CallStack][tid:0][tick:2][4][3] void __cdecl CServerSocket::OnClose(void) 12/02/2025 15:39:02.059, [CallStack][tid:0][tick:2][5] End l2server log: 12/02/2025 15:39:02.112, npc server closed(127.0.0.1) error: 64 read buffer size: (server:0 npc:0) 12/02/2025 15:39:02.112, [NO_ERROR] L2Server is under protection mode!!! 12/02/2025 15:39:02.112, [NO_ERROR] L2Server is under protection mode!!! 12/02/2025 15:39:02.112, [NO_ERROR] L2Server is under protection mode!!! 12/02/2025 15:39:02.131, dwTime[0] < 80 !!!!!!! 12/02/2025 15:39:02.131, [CallStack][tid:7][tick:1][0] Begin 12/02/2025 15:39:02.132, [CallStack][tid:7][tick:1][1][0] void __cdecl IOThreadCallback::IOThread_common(void) 12/02/2025 15:39:02.132, [CallStack][tid:7][tick:1][2][1] void IOThread_common 1 12/02/2025 15:39:02.132, [CallStack][tid:7][tick:1][4][3] void __cdecl NpcSocket::OnClose(void) 12/02/2025 15:39:02.132, [CallStack][tid:7][tick:1][3][2] void __cdecl CIOSocketEx<class CIOBufferEx<16384> >::Close(void) 12/02/2025 15:39:02.132, [CallStack][tid:7][tick:1][5] End 12/02/2025 15:39:31.767, server closed(127.0.0.1) Error: 64 Read buffer size: (server:0 npc:0) 12/02/2025 15:39:31.768, [NO_ERROR] Logout All Characters : 1   The NPC server sent a packet to the L2 server while generating the br_xmas2009_invisible game NPC server, and the NPC server subsequently crashed.     After some digging, I found a clue in a very old MXC post, but the fix was for the GF version. The whole problem is in l2server side support for NPC function CreateOnePrivateNearUser. It sends CreatePacket but Koreans made some changes in it (added instance ID) so it got broken. As Santa event is the only AI that uses this function, they probably don't know about it    So is there a way to fix this problem, specifically for Myext64 HF? I'd be happy to buy him coffee.
    • Offtopic, personal attacks, probably too old to use that much memes and what's YOUR actual contribution to L2J, in order I laugh aswell ?   The main poster quotes my pack so I answer accordingly, while you advertise L2JFrozen in both of your posts - discontinued since 2014 (? 1132 rev), with none taking back the open source lead while anyone could.   If you're somewhat affiliated to hopzone, you probably packed way more money than me. Packs don't make any type of money (barely 100e/month) and if you would follow me, you would know there are ways to handle it or even getting paid.   Hope I was short enough, 🧂🤡.
    • Hi guys, this is a CMS im sharing for lineage 2 servers, im tired of the crap i see on new release servers. Dont let me start on the IA developed ones lmao.   📋 Description Free and open source template to create landing pages for Lineage 2 private servers. Designed with a dark fantasy theme and modern animations. ✨ Current Features This FREE version includes: Complete Landing Page - Professional design ready to use Multi-language Support - Spanish, English, Portuguese Dark Fantasy Theme - With animated UI elements Server Information - Rates, features, and rules Olympiad Ranking - Rankings display Download Section - For game client Skins and Animations Gallery Streaming Widget - Twitch/Kick integration Fully Customizable - Via configuration files ❌ Not Included in Free Version ❌ User Registration System ❌ Online Players Counter ❌ Donation Panel 💎 Premium Integrations IntegrationPrice Registration System $50 USD Online Players Counter $50 USD Donation Panel $50 USD   📧 Contact: https://gh0tstudio.com 🛠️ Tech Stack Technology    Version    Description React              19.2.0       UI Library TypeScript       5.8.2        Static typing Vite                 6.2.0         Build tool TailwindCSS   CDNCSS    Framework Lucide React   0.554.0         Icons i18next           23.16.0       Internationalization react-i18next   15.1.0        React bindings for i18n All documentation provided for AI AGENTS to make changes on the ui texts and so on. u can have a look on the cms fully working with donation panel, online count and register via: https://crmlineage2.vercel.app/ https://github.com/6h0T/CRM-LINEAGE2-FREE If u are in the lookings to develop a unique website for ur projects, u can dm me or contact me throw my socials on my profile. all code has encrypted references so any type of rebranding, copying or selling without authorization will result in take downs
    • Hello dude, i can help u out, i reached to u via DM, my studio is https://gh0tstudio.com i have worked with almost 40 brands on developing Private Lineage and Mu online servers, dashboard for vote pages and more. I sent u some examples too
    • L2 TARTARUS - HTML DESIGN       L2 KOMBAT - ANIMATED BORDER   L2 SERENITY - ANIMATED LOGO   L2 ARCANE - COMMUNITY BOARD     L2 AMERIKA - ADVERTISING BANNER   L2 ZERON - ADVERTISING BANNER  
  • Topics

×
×
  • Create New...

AdBlock Extension Detected!

Our website is made possible by displaying online advertisements to our members.

Please disable AdBlock browser extension first, to be able to use our community.

I've Disabled AdBlock