- Messages
- 117
- Reaction score
- 0
- Points
- 26
HTML TUTORIAL from w3schools.com- based sa natutunan ko lang to, pinost ko dito una sa lahat para itama yung natutunan ko kung mali at dagdagan pa ng info ng ibang mas may alam, baka sakali ndin may matutunan yung iba.
Tulong ko nadin sa sarili ko, para ma-assess ang pagkakaintindi ko, at gusto ko din malaman ang intindi ng iba., every chapter na matapos ko, iuupdate ko po dito, parang journal ko,sana okey lang po itong ginagawa ko. salamat symbianize.
1. HTML INTRODUCTION
HTML ibig sabihin ay HYPER TEXT MARKUP LANGUAGE
Ang Markup languanges ay dinesenyo para sa pagproseso, pagbibigay kahulugan at pagpapakilala ng texto.
Ang language o lenggwahe ay tumutukoy sa pagkaka-ayos ng code, kapwa layout (kaayusan) at estilo (style).
Ang markup language ay binubuo/set ng mga tinatawag na HTML tags
Bawat HTML tags ay nagpapahayag ng ibat ibang laman ng dokumento o page.
HTML example
<!DOCTYPE html> (yung Doctype yung nagsasabi na HTML to)
<html> (eto yung ngbibigay kahulugan sa HTML, may kapartner to, makikita nyo sa ibaba, eto ay may opening at may closing)
<head> (eto yung ngpprovide ng information sa document)
<title> (eto naman yung may hawak ng titulo ng Document, gaya nung sa tab, magbukas ka ng facebook, yung "facebook" na nakasulat sa tab, yun ito)
</title>
</head>
<body>
(yung mga isusulat na code dito yun yung mag-aappear sa webpage mo)
<h1> (eto yung pinakamalaking font ng heading mo, parang sa dyaryo diba may headlines sa frontpage, parang ganito yata yun)</h1>
<p> (syempre kung may headers meron ding paragraph, yung mas madami ka nang isusulat dito, mas maliit ang font nito, kumbaga content)</p1>
</body>
</html>
sa pag-gamit mo ng mga tags na ito (h1 & p) yung web browser(gaya ng firefox, chrome o internet explorer) na gagamitin mo ay maididisplay yung laman ng html tags mo.
Ang HTML TAGS ay ang mga keywords mo, tintawag ding tag names na nasa loob ng angle brackets, (<>) ganyan.
yung Html tags normally pares yan gaya ng <p> at </p>
YUng <p> ganitong tag tinatawag na start tag tapos yung end tag naman ganito </p>, ang pagkakiba yung ending may slash (/), ganyan sa unahan.ewan ko kung bakit?bsta yun diperensa nila.
minsan tinatawag ding OPENING TAG yung start tag at CLOSING TAG yung end tag.
WEB BROWSER
Ang importansya ng web browser, (kung hindi ka pamilyar, yun yung iclick mo para makapaginternet search ka),gaya ng CHROME,INTERNET EXPLORER,FIREFOX at SAFARI ay maging taga-basa ng document na ginagawa mo at idisplay yun.
Hindi nito ididisplay yung mga codes mo, kumbaga parang tinatranslate nya yung mga code mo sa way na maiitidihan ng titingin.kunyari pinoy ka diba, kakausapin mo yung chinese, syempre kung di ka mrunong mgchinese di ka nya maintindihan, may translator para magkaintindihan kyo, yun yung ginagawa ng browser, palagay ko ha.
HTML STRUCTURE
gaya ng sample sa taas, yung body lang ang makikita sa webpage.
Yung <!DOCTYPE> declaration ang tumutulong sa browser para mabasa nya ng tama yung document, kasi madaming uri ng document sa web.para maidisplay nya ng tama dapat alam ng browser ang type at version
hindi ito case sensitive, pwedeng !doctype html, !Doctype Html, !DOCTYPE HTML, all cases are acceptable pero wag namang jejemon.
Madami ng version ng html, may mga sari-sariling set ng delaration
kung -HTML5
<!DOCTYPE html>
kung -HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
kung -XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
may 6 na version na ang HTML
HTML nung 1991, HTML 2.0 nung 1995, HTML 3.2 nung 1997, HTML 4.01 nung 1999, XHTML nung 2000 at latest nga yung HTML5 ng 2014
Tulong ko nadin sa sarili ko, para ma-assess ang pagkakaintindi ko, at gusto ko din malaman ang intindi ng iba., every chapter na matapos ko, iuupdate ko po dito, parang journal ko,sana okey lang po itong ginagawa ko. salamat symbianize.
1. HTML INTRODUCTION
HTML ibig sabihin ay HYPER TEXT MARKUP LANGUAGE
Ang Markup languanges ay dinesenyo para sa pagproseso, pagbibigay kahulugan at pagpapakilala ng texto.
Ang language o lenggwahe ay tumutukoy sa pagkaka-ayos ng code, kapwa layout (kaayusan) at estilo (style).
Ang markup language ay binubuo/set ng mga tinatawag na HTML tags
Bawat HTML tags ay nagpapahayag ng ibat ibang laman ng dokumento o page.
HTML example
<!DOCTYPE html> (yung Doctype yung nagsasabi na HTML to)
<html> (eto yung ngbibigay kahulugan sa HTML, may kapartner to, makikita nyo sa ibaba, eto ay may opening at may closing)
<head> (eto yung ngpprovide ng information sa document)
<title> (eto naman yung may hawak ng titulo ng Document, gaya nung sa tab, magbukas ka ng facebook, yung "facebook" na nakasulat sa tab, yun ito)
</title>
</head>
<body>
(yung mga isusulat na code dito yun yung mag-aappear sa webpage mo)
<h1> (eto yung pinakamalaking font ng heading mo, parang sa dyaryo diba may headlines sa frontpage, parang ganito yata yun)</h1>
<p> (syempre kung may headers meron ding paragraph, yung mas madami ka nang isusulat dito, mas maliit ang font nito, kumbaga content)</p1>
</body>
</html>
sa pag-gamit mo ng mga tags na ito (h1 & p) yung web browser(gaya ng firefox, chrome o internet explorer) na gagamitin mo ay maididisplay yung laman ng html tags mo.
Ang HTML TAGS ay ang mga keywords mo, tintawag ding tag names na nasa loob ng angle brackets, (<>) ganyan.
yung Html tags normally pares yan gaya ng <p> at </p>
YUng <p> ganitong tag tinatawag na start tag tapos yung end tag naman ganito </p>, ang pagkakiba yung ending may slash (/), ganyan sa unahan.ewan ko kung bakit?bsta yun diperensa nila.
minsan tinatawag ding OPENING TAG yung start tag at CLOSING TAG yung end tag.
WEB BROWSER
Ang importansya ng web browser, (kung hindi ka pamilyar, yun yung iclick mo para makapaginternet search ka),gaya ng CHROME,INTERNET EXPLORER,FIREFOX at SAFARI ay maging taga-basa ng document na ginagawa mo at idisplay yun.
Hindi nito ididisplay yung mga codes mo, kumbaga parang tinatranslate nya yung mga code mo sa way na maiitidihan ng titingin.kunyari pinoy ka diba, kakausapin mo yung chinese, syempre kung di ka mrunong mgchinese di ka nya maintindihan, may translator para magkaintindihan kyo, yun yung ginagawa ng browser, palagay ko ha.
HTML STRUCTURE
gaya ng sample sa taas, yung body lang ang makikita sa webpage.
Yung <!DOCTYPE> declaration ang tumutulong sa browser para mabasa nya ng tama yung document, kasi madaming uri ng document sa web.para maidisplay nya ng tama dapat alam ng browser ang type at version
hindi ito case sensitive, pwedeng !doctype html, !Doctype Html, !DOCTYPE HTML, all cases are acceptable pero wag namang jejemon.
Madami ng version ng html, may mga sari-sariling set ng delaration
kung -HTML5
<!DOCTYPE html>
kung -HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
kung -XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
may 6 na version na ang HTML
HTML nung 1991, HTML 2.0 nung 1995, HTML 3.2 nung 1997, HTML 4.01 nung 1999, XHTML nung 2000 at latest nga yung HTML5 ng 2014
