Mas madaling Ito kaysa sa Iyong Iniisip
Ginagawa ng isang mahusay na CMS na mag-post ng mga artikulo sa iyong website. Ngunit ano talaga ang iyong nai-post? Maraming talata ng teksto. At kung ang tekstong iyon ay hindi na-format nang wasto, ang iyong magandang artikulo ay tila nasira sa iyong website.
Ang mabuting balita: kung matutunan mong magsulat sa HTML, magiging maganda ang iyong artikulo. Sa ilang mga pangunahing konsepto, ikaw ay sumusulat sa HTML sa walang oras.
HTML: Wika ng Web Browser
Ang ibig sabihin ng "HTML" ay ang "HyperText Markup Language." Talaga, ito ay isang wika para sa pagmamarka ng iyong teksto , kaya maaari itong gawin magarbong mga bagay tulad ng hitsura bold o link sa ilang iba pang mga site.
Ang HTML ay ang pangunahing wika ng iyong browser. Gumagamit kami ng maraming mga programming language para sa Internet (PHP, Perl, Ruby, at iba pa), ngunit lahat sila sa huli ay nagsuka HTML. (Bueno, o JavaScript, ngunit hayaan natin itong simple.)
Ang iyong browser ay tumatagal ng HTML, at ginagawa itong isang magandang web page.
Alamin ang sumulat sa HTML, at malalaman mo kung ano mismo ang sinasabi mo sa browser na gagawin.
Ang Mga Marka ng HTML ay Nakasulat sa Ordinaryong Teksto
Ang HTML ay isang markup na wika, kaya karamihan sa "HTML" ay simpleng plain text. Halimbawa, ito ay ganap na mahusay na HTML:
Kamusta. Ako ay HTML. Kapansin-pansin. Yep. Kahanga-hangang.
Ngunit maghintay, sasabihin mo. Hindi ito mukhang isang wika sa computer ! Mukhang Ingles!
Oo. Ngayon alam mo ang dakilang lihim. Ang HTML (kapag ginamit nang maayos) ay nababasa na teksto.
Matuto Mula sa Iyong Karanasan ng Processor ng Salita
Siyempre, gusto natin ng higit sa plain text. Gusto namin, sabihin nating, italics .
Alam mo na kung paano makakuha ng mga italics sa isang word processor program (tulad ng Microsoft Word, o ang libreng LibreOffice). Pinindot mo ang maliit na buton ko .
Ang lahat ng iyong nai-type mula noon ay nasa italics. Maaari kang mag-type para sa mga pahina. Paano mo ititigil ang pagdiriwang na ito? Pindutin muli ang pindutang I ko . Ngayon ang iyong font ay bumalik sa normal.
Kung babalik ka sa gitna ng mga italicized na salita at magdagdag ng ilang mga teksto, ito ay din sa italics. Mayroong isang uri ng mga italika zone sa pagitan ng panimulang punto, kung saan mo "naka-on" ang mga italics, at ang pagtatapos na punto, kung saan mo pinatay ang mga ito.
Sa kasamaang palad, ang mga endpoint na ito ay hindi nakikita.
Ang di-nakikitang mga endpoint ay maaaring maging sanhi ng maraming sakit. Ang lahat ay masyadong madali upang i-italika off, pagkatapos ay gumawa ng ilang mga misstep sa cursor at mahanap ka pa rin sa italics. Sinubukan mong i-off sila muli, ngunit kahit papaano ay lumipat ka muli , kaya ang pag-on ng mga ito ay talagang na-toggle ang mga ito sa ... ito ay isang gulo.
Gumagamit ng HTML & # 34; Mga Tag & # 34;
Gumagamit din ang HTML ng mga endpoint. Ang pagkakaiba ay na Sa HTML, maaari mong makita ang mga endpoint na ito. I-type mo ang mga ito. Tinatawag itong mga tag .
Sabihin nating nais mong mag-ayos ng naunang halimbawa. Gusto mong i-italicize ang salitang "Nakatutuwang." Gusto mong i-type ang Nakatutuwang . Ganito:
Kamusta. Ako ay HTML. Nakatutuwang . Yep. Kahanga-hangang.
I-save mo iyon sa iyong editor ng teksto, pagkatapos ay kopyahin at ilagay ang HTML sa kahon ng "bagong artikulo" sa iyong CMS. Kapag ipinakita ng browser ang pahina, magiging ganito ang hitsura nito:
Kamusta. Ako ay HTML. Kapansin-pansin . Yep. Kahanga-hangang.
Hindi tulad ng isang word processor, hindi mo nakikita ang mga italics habang nai-type mo ang mga ito. Na-type mo ang mga tag. Binabasa ng browser ang mga tag, ginagawa itong hindi nakikita, at sinusunod ang kanilang mga tagubilin.
Maaari itong nakakainis na makita ang lahat ng mga tag na iyon, ngunit ginagawang mas madali ang tamang editor ng text.
Pagbukas at Pagsara ng Mga Tag
Tingnan muli ang mga tag na at . Ang ay lumiliko sa mga italics, tulad ng iyong unang pag-click ng button na I. Ang ay naka- off ang mga italics, tulad ng iyong ikalawang pag-click.
Sa halip ng pag-click sa isang pindutan, nagta-type ka sa mga maliliit na tag. Ang isang pambungad na tag upang simulan ang mga italics, tag ng pagsasara upang pigilan ang mga ito.
Tandaan ang pagkakaiba sa pagitan ng mga tag. Ang pagsasara ay may /, isang slash. Ang lahat ng pagsasara ng mga tag sa HTML ay magkakaroon ng slash na iyon.
Huwag kalimutan ang Isinasara ang Tag
Ang pagsasara ng mga tag ay mas mahalaga. Paano kung nakalimutan mo ang pagsasara , tulad nito?
Kamusta. Ako ay HTML. Nakatutuwang. Yep. Kahanga-hangang.
Ito ay tulad ng nakalimutan mong i-click ko muli upang i-italics off. Makukuha mo ito:
Kamusta. Ako ay HTML. Kapansin-pansin. Yep. Kahanga-hangang.
Maaaring i-on ng isang hindi nasagot na tag ang iyong buong artikulo, o kahit na ang kabuuan ng pahina, sa isang ilog ng italics.
Ito ay marahil ang parehong pinakamadali at ang pinaka-nakakalasing na baguhan ng pagkakamali na maaari mong gawin. Ngunit madali itong ayusin. Pop lang sa tag ng pagsasara.
Dagdagan Ngayon ang Mga Tag
Binabati kita! Nauunawaan mo ang pangunahing HTML!
Ordinaryong teksto na minarkahan ng pagbubukas at pagsasara ng mga tag. Iyan na iyun.
Ngayon pumunta matuto ng ilang mga pangunahing tag ng HTML. (Baka gusto mong makakuha ng isang disenteng text editor muna.)