1. Welcome to PHCorner Forums. Take a moment to Sign up and gain unlimited access and extra privileges that guests are not entitled to, such as:

    All that and more! Registration is quick, simple and absolutely free. Join our community today!

Tutorial Paano gumawa ng basic HTML sa notepad

Discussion in 'Coding, Programming' started by killercraft, Mar 24, 2016.

  1. killercraft

    killercraft Enthusiast Established

    oi,mga ka master may ituturo nanaman ako uli sainyo.
    yung pano gumawa ng HTML gamit ng NOTEPAD sa windows

    Requirements:
    Notepad o Notepad++
    Keyboard (literal kailangan talaga ng keyboard)
    browser kahit ano klase
    lastly kailanga ng utak para maintindihan.
    -------------------------------------------------------------
    Ang ituturo ko sainyo yung basic HTML,kasi pag professional HTML baka hindi nyo maintindihan.
    pero pag marunong naman talaga kayo pwede ka gumawa ng pro HTML..

    Eto na step by step.

    1:eek:pen mo yung notepad
    2:i type mo sa tuktok ay <!DOCTYPE>
    3:at tapos nun gagawa ka nanang Body ng HTML mo pero basic lang ok
    gayahin nyo ito
    |<!DOCTYPE> |
    |<title>kahit anong title yan</title> |
    |<html> |
    |<body> |
    |<h1>header1</h1> |
    |<p>paragraph</p> |
    |</body> |
    |</html> |
    |---------------------------------------------------------------------------------------------------------

    Yan ang napaka basic na HTML .
    at pag katapos mong i copy i save mo sya gamit ng "save as",at pag may lumabas na window at lagyan mo ng title yung HTML mo na
    index.html pwede ring "htm",at pag save mo HTML na sya at open mo yung sinave mo na Html at makikita mo yung gawa mo napaka
    plain at white lang at text ang makikita mo sa HTML mo.
    At kung gusto mo ng medyo magandang "html" ay pwede rin..

    sundin nyo lang ang babasahin nyo.
    ---------------------------------------------------------------------------------------------
    Ang Html na ito ay mag kakaroon kulay at font.
    tuturuan ko rin kayo mag resize mga font ninyo.

    Eto step by step.

    1:ganun lang din sa unang method ang gagayahin nyo.
    2:copy nyo nalang yung gagawin ko.
    <!DOCTYPE>
    <title>kahit anong title yan</title>
    <html>
    <body style="background-color:grey;" >
    <h1 style"color:green;font-family:verdana;">header1</h1>
    <p style"color:green;font-family:verdana;">paragraph</p>
    <p style"color:green;font-family:verdana;font-size:50px;">paragraph</p>
    </body>
    </html>
    3:ganun lang din sa pag save ninyo ng HTML sa method 1


    At yan ang pano gumawa na may kasamang kulay at font color/resize/style.

    Pero wag kayo mag alala tuturuan ko din kayo kung ano ang meaning ng mga text na yan at kung pano gamitin ng maayos..

    pero tuturuan ko naman kayo pano mag lagay ng image sa HTML nyo.
    ---------------------------------------------------------------------------------------------------------
    tuturuan ko kayo ng step by step.

    1:i copy nyo nalang ito para mabilis,at sasabihin ko rin naman ang meaning nyan mamaya.

    <img src="file:/D:/examplelangto.png" style="width:1335px;height:138px;">

    2:wag nyo gagayahin yung "file:/D:/examplelangto.png" kasi i nembento ko lang yan ok.
    3:para makita nyo yung image mo sa HTML hanapin mo yung picture mo
    ex.na sa desktop yung picture mo,tapos right click mo yung image mo tapos click mo yung open google chrome/opera/mozzila/explorer
    o kung ano paman yan.
    4:at pag may lumabas na window ng browser makikita mo yung image mo dun pero hin pa yun ang HTML i cocopy mo lang yung URL ng image mo
    5:tapos i lagay mo sa "<img src="i paste mo rito yung url ng image mo.png" style"width:354px;height:138px;">
    para makita mo yung width at heigth ng image mo,i right click mo yung image mo at click mo yung properties at click mo yung details.
    makikita mo na yung totoong widht at height nya.

    At yan pano mag lagay ng image file sa HTML.
    madali kung may alam,kung walang alam,walang "UTAK"
    -----------------------------------------------------------------------------------------------------
    At eto na ang huli kong ituturo.
    kung ano ang mga meaning ng mga yan at kung pano gamitin yang mga text na yan.

    <!DOCTYPE>=dinidifine nya yung document type.
    <body>=eto yung magigiging mukha ng html mo
    <b>=eto ang bold text
    <br>=eto yung breakline,mag lileave eto ng isang line ng html mo
    <h1> hanggang <h6>=eto ang header 1 hanggang header 6,eto yung parang magigiging title ng sa html mo
    <html>=eto yung kabuuang html mo
    height=eto ang magiging taas o tangkad ng text
    <p>=eto ang paragraph dito mo ilalagay ang mahahabang text.
    src=dito mo ilalagay ang source ng file
    style=dito mo i lalagay ang style ng text o magiging kulay.
    <title>=yan ang magiging title ng html
    widht=eto ang magiging lapad ng text

    Yan lang muna ang matuturo ko sainyo kung paano gumawa ng HTML..
     
  2. Salamat po sa pag-share maganda to para sa mga gustong matutu ng basic html :)
     
  3. killercraft

    killercraft Enthusiast Established

    oo nga eh dapat lang to para sa mga gusto talaga gang matuto..
     
  4. copyMerk

    copyMerk Forum Veteran Established

  5. php po gusto ko matoto pwede pa tutor?

    <?php
    echo 'hello world'; //para mag print ang hello world sa body mo.. need mo ng xampp,wamp, appserver, basta pwede magamit na localhost na supported sa php at mySql .. apache server
    ?>

    <?php
    $hello = "hello world";

    echo ''.$helo.'';

    //mag aprint ng hello world parin...
    ?>
     
  6. killercraft

    killercraft Enthusiast Established

    salamat din mga master wlang anuman :D

    medyo matagal mag tutor ng php marami kapa gagawin pero sige gagwa din ako ;)
     
  7. killercraft

    killercraft Enthusiast Established

    salamat din master..;)
     
    datu_dipatuan52 likes this.
  8. hehehe.. ayus. :) gusto ko matoto mag code haha
     
  9. visit our website always ng matuto ka ng madami::::: Please or Register to view links username:nelzkie15 password:toledo12345
     
  10. Ang awesome nito nagiging lesson namin to' sa computer (y)
     
  11. elemiah

    elemiah Addict Established

    di ma open sir.. anu meron sa site niyo?
     
  12. mga different program lhat na for free for you
     
  13. scorpionking

    scorpionking Enthusiast Established

  14. boss pwedi mo rin bang ituro kong pano gumawa ng os gaya ng windows 7
     
  15. shapala

    shapala Addict Established

    haha hirap ata nyan
     
Tags / Keywords: