Topic: [TUT] HTML CODES for wapsites (Read 50951 times)

04-18-09 12:15 PM
Datu
Moderator
  • Posts: 5278
  • Thanked: 1306
  • Reputation: 82
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 (<) and (>) like <html>
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.



<body> 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
<button> Defines a push button
<p> paragraph
<center> Deprecated.Defines centered text
<form> Defines an HTML form for user input
<iframe> 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 <body> and end tag nya..



BACKGROUND COLOR CODE:
<body bgcolor="blue">
</body>

PARAGRAPH FONT,COLOR,SIZE CODE:
<body>
<p style="font-family:courier new; color:red; font-size:20px;">YOUR TEXT</p>
</body>

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:
<link rel="stylesheet" href="" type="text/css" media="handheld,screen,projection" /><style type="text/css"> body { background-image:  url(../files/fire.jpg); background-position:  center; background-attachment:  fixed } </style>

note:put this code in between <head> tags.

IMAGE AS LINK CODE:
<a href="PAGE URL">
<img src="IMAGE URL" width="65" height="38">
</a>

FONT COLOR COLOR:
<font color="red">RED TEXT</font>

MUSIC BACKGROUND CODE:
<bgsound src="Midi URL" loop="1"/>
note:use only .mid file
 at LAGAY NYU sa loob ng <body> tags.


some javascript
Enter MESSAGE POPUP CODE:
Lagay nyu ito sa pagitan ng <head> at </head>.
<script language="javascript" type="text/javascript">
alert("Welcome to my site")
</script>

BACKGROUND IMAGE CODE
put below's code between your <body> tags.Change the preset image url of your choice.<script language="JavaScript1.2">if (document.all||document.getElementById)document.body.style.background="url('[You are not allowed to view links. Register or Login]) black center repeat fixed"</script>

CURRENT URL DISPLAYER WITH DATE
put below's code where you want it to be.<script>var today=new Date()document.write('<center>' today.toString() '<br>' window.location '</center>')</script>

USER BROWSER INFO
put below's code where you wish it to be seen.<script>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))</script>

Exit MESSAGE POPUP CODE:
note: lagay nyu ito sa pagitan ng <body> tags
<BODY onUnload="window.alert(' Good Bye ')">

VISITOR AND COUNTER CODE:
<script src=http://fastonlineusers.com/online.php?d=www.mohager.co.sr></script>




USING CCS FOR TEXT COLOR CODE:
note:put this between you <head> tags

<style type="text/css">
h1 {color: red}
h3 {color: blue}
 h2 {color: green}
</style>

lagay nyu naman to sa pagitan ng <body> 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





UPDATE ko ito for more codes

stay tune..
hit THANKS naman
« Last Edit: 08-24-09 07:21 AM by Datumama »
Rehistradong Manggawang Panlipunan

04-19-09 08:12 AM
quEue
Full Member
  • Posts: 561
  • Thanked: 51
  • Reputation: 1
Mama, wow, sige aabangan ko tong thread mo, maganda to sa mga newbie na nagbabalak gumawa ng site:thumbsup:

04-19-09 11:24 AM
lavlorn
Full Member
  • Posts: 351
  • Thanked: 36
  • Reputation: 1
Thank you. Abangan ko din 'to.. hehe.
Tanung ko lang if pwede maglagay background image sa wapsite?

04-19-09 11:35 AM
Datu
Moderator
  • Posts: 5278
  • Thanked: 1306
  • Reputation: 82
Yap pwedi lav basta sa html page lang ah.
Copy mu ang code duon sa taas.. BACKGROUND IMAGE CODE.
« Last Edit: 04-19-09 11:42 AM by Datumama »
Rehistradong Manggawang Panlipunan

04-19-09 01:08 PM
lavlorn
Full Member
  • Posts: 351
  • Thanked: 36
  • Reputation: 1
Ah, okie po. tsk.. ang haba! yung datu.css po dun papalitan pa? or yung url lang ng image?
Try ko yan pag nagPC na ako. hehe.. tnx!

04-19-09 03:02 PM
Datu
Moderator
  • Posts: 5278
  • Thanked: 1306
  • Reputation: 82
[You are not allowed to view links. Register or Login]
Ah, okie po. tsk.. ang haba! yung datu.css po dun papalitan pa? or yung url lang ng image?
Try ko yan pag nagPC na ako. hehe.. tnx!

ay sorry nasali pati .css ku..Any way ang URL ng pic na gusto maging background ang ilagay mu.
Cp mu ka gamit ka ng omMOD206 para COPY PASTE mu nalang ang codes or kahit om4.2 din gamit mu,click mo ang QOUTE para makita mu lahat ng messages then COPY PASTE sa site mu. 
Rehistradong Manggawang Panlipunan

04-19-09 05:34 PM
lavlorn
Full Member
  • Posts: 351
  • Thanked: 36
  • Reputation: 1
Saan po pala makakuha ng omMod2.06? kasi naghahanap talaga ako ng o.m. na pwede macopy yung mga nasa box (gaya ng mga embed codes sa ibang site) anyway thanks po. Naka OM4.2 ako, i'quote ko na lang.

04-19-09 05:39 PM
markhizen
Full Member
  • Posts: 947
  • Thanked: 246
  • Reputation: 7

04-19-09 07:49 PM
Datu
Moderator
  • Posts: 5278
  • Thanked: 1306
  • Reputation: 82
@lav ito ang link ng om206 [link] [You are not allowed to view links. Register or Login] [/link]

hit THANKS nalang
« Last Edit: 04-19-09 07:50 PM by Datumama »
Rehistradong Manggawang Panlipunan

04-19-09 08:09 PM
lavlorn
Full Member
  • Posts: 351
  • Thanked: 36
  • Reputation: 1
[You are not allowed to view links. Register or Login]
@lav ito ang link ng om206 [link] [You are not allowed to view links. Register or Login] [/link]

hit THANKS nalang

Thanks po! Actually nalagyan ko na ng background image, kaya lang wala pa masyado laman wapsite ko. hehe. Linagay ko sa FS ko.

04-20-09 03:31 AM
kira
PinoyDen Agent
  • Posts: 1323
  • Thanked: 163
  • Reputation: 20
@ otor ..

  salamat dito ..
  tagal co n gsto gmwa ng
  wapsite e .. na hit co na ung
  thanks button ..

  otor .. lagay co nrn dito ung
  mga free domain sites n alam
  co aa ..?

  wen.ru

  co.nr
  jag.ag
  ning.com

  mdmi p yan kaso .. ndi co na
  mtandaan ung iba ..
  pkhit nlng po ung thanks if
  nktulong ..
« Last Edit: 04-20-09 03:37 AM by kira »

[You are not allowed to view links. Register or Login]

04-20-09 01:16 PM
markintosh
GFX Artist
  • Posts: 1984
  • Thanked: 238
  • Reputation: 19

04-20-09 03:41 PM
ray_x3m21
Jr. Member
  • Posts: 116
  • Thanked: 4
  • Reputation: 1
Slmat puh d2. Mlaking 2long puh 2.

04-20-09 03:56 PM
jinniwa
Full Member
  • Posts: 1029
  • Thanked: 76
  • Reputation: 1
.js file tutorial nman oh hehehe.
and ung Table codes

[You are not allowed to view links. Register or Login]

04-20-09 07:17 PM
ray_x3m21
Jr. Member
  • Posts: 116
  • Thanked: 4
  • Reputation: 1
Yaw gumana ng background music n c0de. .Mid nman gmet qng file,

03-23-10 06:42 AM
dthorn
Newbie
  • Posts: 4
  • Thanked: 0
  • Reputation: 0
mga bro newbie lng po! Ano po b ang unang step s pagawa ng wapsite?paki specify lng po.san b pwede gawin sa pc lang ba o pd rin s cp? At ano po ang tools n pd ko gamitin s pagawa ng wapsite..thank u s mga mabait sumagot..

04-10-10 05:02 PM
poklong
Jr. Member
  • Posts: 87
  • Thanked: 5
  • Reputation: 0
ayus to brad thaks malaking tulong

04-12-10 10:36 AM
orly
Hero Member
  • Posts: 16380
  • Thanked: 375
  • Reputation: -17
pa subscribe.gumagawa na ako ng site ko
dont face the problem if the problem is your face

06-18-10 03:10 PM
baychie
Full Member
  • Posts: 1113
  • Thanked: 66
  • Reputation: 1
Wow ang galing naman Hit ko nalang thanks button
baychie :thumbsup:

06-24-10 02:37 PM
Edizon
Full Member
  • Posts: 1695
  • Thanked: 377
  • Reputation: 4
CSS TUTORIALS naman :) or penge ng mga css na maganda pang website.Hindi wapsite salamat
[You are not allowed to view links. Register or Login]