News Forum Phone database

> New Topic
> Reply
< Esato Forum Index > Regional > Asia Pacific > tutorials in making wap and website with some html and js code Bookmark topic

<div class="pquote">
On 2009-10-28 12:44:10, r3dzy wrote:
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
<div class="forumeditby">[ This Message was edited by: r3dzy on 2009-12-04 09:52 ]</div>
</div>

kuya pansin ko lang po nsaan ung mga codes ng mga:

background color code
music background code
enter message popup code
background image code
current url displayer
user browser info
exit msg pop up code
visitor and counter code

un lng po! :D gusto ko po sana kcng gumwa ng wapsite ee..

--
Posted: 2009-12-10 16:37:43
Edit : Quote


@gean-i will provide the link later.
--
Posted: 2009-12-11 11:01:38
Edit : Quote


Ahehe, pa post ng site ko, http://physixcrew.xtgem.com

gandang umaga.
--
Posted: 2009-12-11 23:58:00
Edit : Quote


@gean-click the lin bel0w

jsc0de

html code
--
Posted: 2009-12-12 03:39:54
Edit : Quote


slamat bro rhedzy!! whahhahaha...
--
Posted: 2009-12-12 17:33:59
Edit : Quote


Ur welcum br0
--
Posted: 2009-12-13 01:47:46
Edit : Quote


ganda palang gamitin iyong opera 10 for windows sa pang edit ng wen.ru kaya pala my dinadownload pag fire fox gamit ko kasi ata ung file ng wen.ru(defaul)..ngaun ko lang nalaman..hahahaha..ngaun me wen.ru na rin ako..tnx lite....
--
Posted: 2009-12-14 06:34:16
Edit : Quote


thx redzky
--
Posted: 2009-12-14 17:42:26
Edit : Quote


For those who need dropdown script...just register here and get ur code.you can edit your dropdown box w/o altering your site...
--
Posted: 2009-12-16 11:47:55
Edit : Quote


kung sino man mga meron na website dyan open ako para sa link exchange
--
Posted: 2009-12-16 14:54:45
Edit : Quote

---

New Topic   Reply

Forum Index