Posted by r3dzy
Before tayu magproceed sa proper tuturials and working with HTML.We must first have a little notion on what is HTML and how it works in your pages.
What is HTML?
HTML is a language for describing web pages.
HTML stands for Hyper Text Markup Language
HTML is not a programming language, it is a markup language
A markup language is a set of markup tags
HTML uses markup tags to describe web pages
.
what is HTML TAGS?
HTML tags are keywords surrounded by angle brackets () like
HTML tags normally come in pairs like <b> and </b>
The first tag in a pair is the start tag, the second tag is the end tag
Start and end tags are also called opening tags and closing tags.
Below are SOME COMMON TAGS na ginagamit natin sa isang simple html page.
Defines the document's body
<big> Defines big text
<b> bold text
<u> underlined text
<i> italic text
<em> Defines emphasized text
<br> Defines a single line break
Defines a push button
<p> paragraph
Deprecated.Defines centered text
Defines an HTML form for user input
Defines an inline frame
<img scr=""> Defines an image
<a href=""> url links
tandaan na dapat may end tags ang bawat start tags OK.
marami pang mga tags at mahirap ubusin at itype dito..Hope na kahit paanu nagka idea tayu sa HTML at Tags.
Now lets proceed to PAGE CREATION..dito pagsasamahin natin ang mga tags para makabuo tayu ng isang html page.I assumed na bawat isa ay may alam na sa paggawa ng site mapa wen.ru pa yan or kahit saan.
Now on your html page put this codes sa pagitang ng tags na and end tag nya..
BACKGROUND COLOR CODE:
PARAGRAPH FONT,COLOR,SIZE CODE:
<p forbidden="font-family:courier new; color:red; font-size:20px;">YOUR TEXT</p>
PARAGRAPH ALIGNING CODES:
CENTER
<p align="center">YOUR TEXT</p>
PARAGRAPH ALIGNING CODES:
LEFT
<p align="left">YOUR TEXT</p>
PARAGRAPH ALIGNING CODES:
RIGHT
<p align="right">YOUR TEXT</p>
URL LINKS CODES:
<a href="YOUR LINK HERE">Name of link Here</a>
IMAGE CODE:
<img src="IMAGE URL">image name</img>
BACKGROUND IMAGE CODE:
body { background-image: url(../files/fire.jpg); background-position: center; background-attachment: fixed }
note:put this code in between tags.
IMAGE AS LINK CODE:
<a href="PAGE URL">
<img src="IMAGE URL" width="65" height="38">
</a>
FONT COLOR COLOR:
RED TEXT
MUSIC BACKGROUND CODE:
note:use only .mid file
at LAGAY NYU sa loob ng tags.
some javascript
Enter MESSAGE POPUP CODE:
Lagay nyu ito sa pagitan ng at .
alert("Welcome to my site")
BACKGROUND IMAGE CODE
put below's code between your tags.Change the preset image url of your choice.if (document.all||document.getElementById)document.body.style.background="url('http://datu.uuuq.com/wap/bg.gif') black center repeat fixed"
CURRENT URL DISPLAYER WITH DATE
put below's code where you want it to be.var today=new Date()document.write('' today.toString() '<br>' window.location '')
USER BROWSER INFO
put below's code where you wish it to be seen.if (document.all)var version=/MSIE d .d /if (!document.all)document.write("You are using " navigator.appName " " navigator.userAgent)elsedocument.write("You are using " navigator.appName " " navigator.appVersion.match(version))
Exit MESSAGE POPUP CODE:
note: lagay nyu ito sa pagitan ng tags
VISITOR AND COUNTER CODE:
USING CCS FOR TEXT COLOR CODE:
note:put this between you tags
h1 {color: red}
h3 {color: blue}
h2 {color: green}
lagay nyu naman to sa pagitan ng tags
<h1>your text here is color RED</h1>
<h3>your text here is color BLUE</h3>
<h2>your text here is color GREEN</h2>
COLOR CODES:
AQUA = #00FFFF
AQUAMARINE = #7FFFD4
BLUE = #0000FF
FICHSIA = #FF00FF
GOLD = #FFD700
GRAY = #808080
GREEN = #008000
NAVY = #000080
OLIVE = #808000
PURPLE = #800080
RED = #FF0000
SILVER = #C0C0C0
TEAL = #008080
WHITE = #FFFFFF
YELOW = #FFFF00
MEDIUMVIOLETRED = #C71585
MIDNIGHTBLUE = #191970
MINTCREAM = #F5FFFA
MISTYROSE = #FFE4E1
MOCCASIN = #FFE4B5
NAVAJOWHITE = #FFDEAD
PEACHPUFF = #FFDAB9
PERU = #CD853F
PINK = #FFC0CB
PLUM = #DDA0DD
POWDERBLUE = #B0E0E6
ROSYBROWN = #BC8F8F
ROYALBLUE = #4169E1
SADDLEBROWN = #8B4513
SALMON = #FA8072
SANDYBROWN = #F4A460
SEAGREEN = #2E8B57
SEASHELL = #FFF5EE
SIENNA = #A0522D
SKYBLUE = #87CEEB
SLATEBLUE = #6A5ACD
SLATEGRAY = #708090
SNOW = #FFFAFA
SPRINGGREEN = #00FF7F
STEELBLUE = #4682B4
TAN = #D2B48C
THISTLE = #D8BFD8
TOMATO = #FF6437
TURQUOISE = #40E0D0
VIOLET = #EE82EE
WHEAT = #F5DEB3
WHITESMOKE = #F5F5F5
YELLOWGREEN = #9ACD32
credits to sir datumama of PD
[ This Message was edited by: r3dzy on 2009-12-04 09:52 ]
Posted by boy.in.PINK
gawa po kayo ng account sa wen.ru
tignan nyo po wapsite ko: ktu.wen.ru
Posted by r3dzy
U mean,me wapsite k n but,wla png laman?after u gumawa ng acc0unt,an0ng su2n0d n ggwin?
Posted by boy.in.PINK
i'm just 2 days old at wen.ru
but if you know the basics of html, xhtml, and wml, it will be easier for you to create a site..^_^
Posted by tranced
You would like to see this thread:
Make your own WAP site- no payment required
Posted by rochel_o8
. .pwd q pLa iupLoAd nLng uNg gNawa qNg html? kc bfOrE may subjEct kmi abOut crEatiNg a wEbsite. .
Posted by r3dzy
@all,pwd bng gumawa ng wapsite thr0ugh cp?
Posted by Bheng18
after m0 mgregister u have t0 change or cust0mize ur wap site..ung wapsite q tagal q ng d naaay0s..pan0 laging nak0c0rrupt ung image after few days..grr..sa wapego aq gumawa daming ba2guhin..
Posted by rochel_o8
Mkagawa nga riN. .intErEstiNg. .
Posted by boy.in.PINK
ako meron ako sa mga sumusunod na sites:
wen.ru = ktu.wen.ru
wapzan.com = ktu.3mx.biz (uala pang ginagawa)
will try to create a site at wapego.com
while mqwap.com doesn't seem to be working..^_^
Posted by Bheng18
On 2009-10-28 14:48:05, r3dzy wrote:
@all,pwd bng gumawa ng wapsite thr0ugh cp?
Posted by broad.mind
about upl0ading ur offline website, upl0ad mu xa 110mb.com replace mu lng ung index.html xa main directory nung xau, or upl0ad mu xa mga fileh0sting sites 2lad ng fileave, 110mb then use d0t.tk para my xarile kang d0main name..
ei: http://br0admind.tk
Posted by r3dzy
Actually,meron aqng c0de s n0tes ng cp q..pwd n kea un?basic p lng un eh.
Posted by broad.mind
mas madali thr0ugh pc ka gumawa,..
Posted by r3dzy
Gnun b?hmm,try q nga...help me ha...gus2 q kc gwa ng wapsite ung riders club namin.
Posted by boy.in.PINK
sa wen.ru at 'yung sinuggest in Bheng18, pwede po thru cp gumawa ng page..
@br0ad.mind nde po working 'yung link mo.. ^_^
Posted by looking4free
Mas madali gawin yan kung pc gamit mo. Mas mbilis magtype ng codes.
How to make a baby?
Posted by boy.in.PINK
How to make a baby?
nakakalokong tanung 'yaan ah!
@Bheng18 pwede po bhang gumawa ng forums or community using wapego?! kung pwede po, paano?! gumawa na po kasi aq ng account kagabi..^_^
Posted by Cyborg_a0
mgnda kun lgyan mu nan css an syt mu, pwd rn nman gmawa nan page thru cp bsta alam mu mga html c0des,css and js, s explore pwd gmwa tz upload mu n lng.
Gn2 p pwd mu gwin pra kun gus2 mu mapreview un gnwa mu n page, plitan mu lng un h0mpage nan 0pera8.65 s gnwa mu n pge, pra pg open mu nan 0pera un page n gnwa mu an mkkta.
Pero kun ma pera k nman, s pc n lng ms mdali an pgpreview nan gnwa mu.
Posted by broad.mind
t0ph xample lng ung d0main name xa d0t.tk hehe wla tlga yan...hekhek
Posted by boy.in.PINK
@br0ad.mind ahh i c.. sowee pow.. anyways, gumawa din ako dati ng account sa dot.tk nabura na 'ata nila kaya nde q na na-access..^_^
Posted by r3dzy
@all Dude m0aning p0...hmm,wla bng applicati0n n kaìlngan dun s pggawa ng wapsite?
-what f mali ung 1ng character ng c0de,me epek2 b s wapsite?
Posted by boy.in.PINK
uala eh.. i've researched before pero wala talaga.. kasi nga, obselete na ang WML.. pero may mga tutorial naman po diyan sa tabi-tabi..^_^
Posted by r3dzy
Ah ic...
Posted by r3dzy
Ah ic...
Posted by GhostRaider
sa wapzan ka gumawa..pede sa CP kea lang medyo mahirap lalo pagmabagal magload..hehehehe...kahit simple lng muna xe gawin mo...
Posted by litemint
anung wapsite p0 b ang maganda? ung matagal ang buhay? heheh. my wapzan na xe q, d q lng mapagtuunan nang pancin.
Posted by r3dzy
@ papalite-s wen.ru,ntry u n poh b?
Posted by r3dzy
An0 po b ang functi0n ng javascript at css s website at wapsite?
Posted by Cyborg_a0
Un css mejo ms mdli maintindihan un javascript nkkdugo nan ilong.
Gnda nan css style, pmpganda nan background, frame, etc nan pge mu.
Posted by r3dzy
@half human-half r0b0t-pno ung mrming page...f0r ex.like friendster,d b me h0me,profile,search...at pnu ung me l0g in menu...xnxa n s kakulitan q.
Posted by Cyborg_a0
Naku poh yn na nga ayw q eh nkkdugo ilong scripting n yn, nde n yn 2ngk0l s css, ask mu c t0ph-kun ab0ut jan o c absolute
Posted by r3dzy
Gnun po?ung css,gumagalaw b un
Posted by litemint
r3, thanks po!
panu pala ang paglagay ng module, i mean paginsert ng chatbox, anung code nun? ihihi.. eto wapsite ko, http://litemint.wapzan.com/ di pa completo, ihihi..
ganito pala, ihih
: shoutbox
Paste this in the html element
shoutbox id: 45938
---
: Guestbook
: http://wapzan.com/fea.php?id=45939
Manage Manage
---
: Counter
---
: Chat
: http://wapzan.com/fea.php?id=45983
---
[ This Message was edited by: litemint on 2009-11-10 09:57 ]
Posted by looking4free
Anu pong problem dito? How to make my n73 more nice? Skins po ba, u mean themes?Haha
Posted by r3dzy
@l0oking-wla si sande d2 hehehe...
@papalite-gnda wapsite m0...bkit,ang dmi ata...
Posted by boy.in.PINK
gumawa din kmi ni mhine sa wapzan.. credits sa kanya 'yung idea at content.. ^_^
@litetoot aus, natututo na din sa xhtml.. ^_^
gumawa din aq ng wml page.. maz mahirap p nga un weh..
Posted by litemint
ka preggy, sa wapzan my xhtml t0 wml 0pti0n and vice versa, ginawa ko sa xhtml ung wapste q, kinapa q gumawa knina, heheh. my k0nteng bkgr0und aq sa pgwa ng wbpage, hnd sa pagmamaybang,nung c0lege, aq ang Gawad parangal sa dakilang mag aaral ng EnergyFM, c0mpetiti0n ng mga skul sa paggwa ng webste ng Energy FM dun sa bik0l. heheh.
Posted by boy.in.PINK
@litetoot TALAGA?! aus.. talented talaga mga ESATOnians.. (btw, nde ka naman nagmamayabang..
)
honga pla, patingin naman po nung Award-winning mung webpage.. pretty please?! ^_^
Posted by litemint
yike, d q naupload un ka preggy, heheh. it was way bak 2007 pa iy0n, dreamweaver ginamit q, heheh. d q na alam kung san q na yun nilagay, wihhi
Posted by boy.in.PINK
t0inqx! dreamweaver?! adoubi este adobe un nde bha?!
anu pow maz magandang web page maker?! nabibigatan pow kc aq sa mga products ng adoubie weh..
Posted by looking4free
@toph, meron po. Adobo wetdreamer
Posted by boy.in.PINK
wahahaha
nagutom tuloi aq..
Posted by looking4free
@toph, gutom sa alin? ang hilig mo talaga
Posted by litemint
ka preg, macr0media p0 my gwa nun, basics, pwd ms w0rd, ms fr0ntpage, then advance, macr0mdia dreamweaver, fusi0n, ad0be dreamweaver, j0omla.
Posted by looking4free
@papa lite... wow!!!!
marunong ka magjoomla? tut naman
Posted by boy.in.PINK
j00mla?! hmmf.. ganyan ang website ng high school quoh ah.. mas madali bha un kesa sa html?!
Posted by r3dzy
@all-pwd k rin bng gumawa ng website with n0tepad lng or fr0ntpage lng tlga.
Posted by looking4free
@r3dy, pwede sa notepad. dun ako gumagawa dati pero ngaun dreamweaver na.
@toph, sabi nila mas easy daw gumawa sa joomla
Posted by r3dzy
Dreamweaver?apps. Po b un?sn pwd md0wload un?