Dagdagan ang Basic HTML upang Simulan ang Pagbuo ng isang Website
Alamin ang pangunahing HTML upang lumikha ng iyong Web site. Ang Basic HTML ay hindi mahirap matutunan. Ang pag-aaral ng HTML ay marahil ang nag-iisang pinakamahalagang bagay na iyong gagawin kung nais mong lumikha ng iyong sariling personal na Web site . Kailangan mong matuto ng HTML upang mag-disenyo ng mga mahusay na pahina dahil ito ay ang wika kung saan ang Web site sa Internet ay batay sa.
Ang mga web site ay isang mahusay na paraan upang ipakita ang isang bagay sa iyong buhay. Hinahayaan ka ng Basic HTML na ipakita mo sa mundo ang anumang nais mong ipakita sa kanila sa iyong Web site. Ang pagdagdag ng mga kulay, pagbabago ng laki ng teksto at kabilang ang mga larawan sa iyong Web site ay ilan lamang sa mga bagay na maaari mong gawin kapag natututo ka ng pangunahing HTML.
Upang matutunan ang mga pangunahing HTML dapat mong tandaan na ito ay lamang ng isang serye ng mga titik na mga pagdadaglat ng kung ano ang aktwal na tumayo para sa. Halimbawa, ang H1 ay nangangahulugang isang heading para sa isang talata na ang una sa limang laki at ang BR ay isang linya ng break.
Ang isang mahalagang bagay na dapat tandaan, habang natututunan mo ang pangunahing HTML, ay nasa isang pahina ng Web ang mga tag ng HTML ay dapat dumating sa isang tiyak na pagkakasunud-sunod at ang karamihan sa mga tag na HTML ay dapat magkaroon ng panimula at wakas na tag para makilala ng browser ang command. Ang tag ng pagtatapos ay katulad lamang ng tag ng panimula maliban na ito ay nagsisimula sa / simbolo. Ang isang heading ay magiging ganito ang Heading Here H1>
. May panimula tag, H1 , ang heading, at isang tag ng pagtatapos, / H1 .
Alamin ang pangunahing HTML sa tamang paraan at tandaan na ang mga tag ay dapat dumating sa isang tiyak na pagkakasunud-sunod. Ang pangunahing istraktura ng isang web page ay ang mga sumusunod:
Dito maaari mong ilagay ang mahalagang impormasyon ng dokumento tulad ng mga frame, wika, at mga espesyal na tagubilin.
HEAD>
Ilagay ang iyong kuwento, mga larawan, mga link, at lahat ng iba pa dito.
Pamagat ng iyong talata. H1>
Ito ay kung saan mo ipinasok ang teksto ng iyong dokumento. P>
Ito ay kung paano sumulat ng isang link:
http://www.nameofpage.com "> Pamagat o kung ano ang nais mong sabihin. A>
BODY>
HTML>
Maaari ka ring magpasok ng isang link sa gitna ng isang pangungusap. Kung nais mong sabihin "Ang Microsoft ay may ilang mga kahanga-hangang demo." Magiging ganito:
http://www.microsoft.com/en/us/default.aspx "> Microsoft ay may ilang mga kahanga-hangang demo upang matulungan kang matuto nang pangunahing HTML.
Hindi ka lamang makakagawa ng mga link sa iba pang mga pahina ngunit maaari ka ring lumikha ng mga link sa ibang lugar sa parehong pahina. Kung nais kong bumalik ka sa simula ng artikulong ito ay sasabihin ko ang isang bagay tulad ng "Go Back" at sa pamamagitan ng pag-click sa hyperlink na babalik ka sa simula. Ang isang ito ay isang maliit na mas mahirap dahil mayroong dalawang bahagi dito. Una sa lahat gumawa ka ng iyong link:
nameofdocument #There"> Go Back
Ang salitang "May" ay ang salitang gusto kong ibalik sa iyo ngayon kaya dapat ako pumunta sa salitang iyon at lumikha at anchor kaya ang link na nilikha ko lang ang alam kung saan pupunta:
Kapag natutunan mo ang pangunahing HTML maaari mong isulat ang iyong Web site sa editor ng teksto na may Windows, mga programa tulad ng NoteTab at Arachnophilia, o isa na nanggagaling sa iyong web browser . Alinman sa paraan kung sundin mo lamang ang mga alituntunin mula sa kapag natutunan mo ang pangunahing HTML lahat ng bagay ay i-fine lang.
Mga Pangunahing Mga Tag sa HTML
- Mga komento ng manunulat na hindi nakikita ng browser.
... HTML> - Laging simulan at tapusin ang iyong pahina gamit ang tag na ito.
... HEAD> - Header para sa dokumento.
... BODY> - Katawan ng dokumento.
... H1>
- Pinakamaliit na laki ng heading.
... H2>
- Maliit na laki ng heading.
... H3>
- Laki ng katamtamang laki ng maliit.
... H4>
- Katamtamang malaking laki ng heading.
... H5>
- Laki ng malalaking pamagat.
... H6>
- Pinakamalaking laki ng heading.
... - Nagsisimula ng isang hypertext na link.
... ADDRESS> - Impormasyon tungkol sa may-akda.
... BLOCKQUOTE>
- Long quote.
... PRE>
- Preformatted Text.
- Block ng Form.
- Lumilikha ng isang kahon upang magpasok ng teksto.
- Lumilikha ng scroll menu.
- Lumilikha ng mga item upang piliin.
... OL>
- Iniutos ng listahan.
Halimbawa ng isang listahan ng iniutos:
- pula
- asul
- berde
... ul>
- Hindi nakaayos na listahan.
Halimbawa ng isang hindi nakaayos na listahan:
- pula
- asul
- berde
- Listahan ng menu.
... DL>
- Listahan ng glossary.
... CITE> - Citation.
... CODE>
- Code font.
... DFN> - Tinukoy na term.
... EM> - diin.
Halimbawa ng diin sa pula:
pula, asul, berde
... I> - Italic.
Halimbawa ng italiko:
pula, asul, berde
... KBD> - Keyboard na teksto.
... SAMP> - Halimbawang teksto.
... STRONG> - Malakas na diin.
Halimbawa ng malakas na diin:
pula, asul, berde
... TT> - Teksto ng typewriter.
... VAR> - Variable.
... B> - Bold.
- Naglalarawan ng dokumento.
- Linya ng break.
- Pahalang na linya.
- Imahe.
- Talata.
- Listahan ng item.
- Naglilista ng isang term sa isang listahan.
- Binibigyang marka ang kahulugan sa listahan.