Paano Gumawa ng Website sa Ilang Oras Lang

Ang paglikha ng isang website ay hindi kailangang maging mahirap. Sa artikulong ito, tatalakayin natin ang mga pangunahing kaalaman sa paggawa ng html page at kung paano lumikha ng isang listahan ng mini-includes. Susunod, tatalakayin natin kung paano gamitin ang html>-tag para i-highlight ang text. Sa huli, ipapakita namin sa iyo kung paano gumawa ng website sa loob lamang ng ilang oras. Tatalakayin din namin ang ilang iba pang kapaki-pakinabang na diskarte.

Lumilikha ng isang pahina ng HTML

Ang HTML ay ang wikang ginagamit upang bumuo ng mga web page. Tinutukoy nito ang istruktura ng web page at kinokontrol ng CSS kung paano ipinapakita ang nilalaman. Hindi mahirap gumawa ng pangunahing HTML na pahina. Narito ang isang hakbang-hakbang na gabay sa pagsisimula. Kapag mayroon kang pangunahing pahina ng HTML, handa ka nang gumawa ng mga mas kumplikado at dynamic. Upang magsimula, kakailanganin mo ng text editor at web browser.

Maaari ka ring gumamit ng word processor tulad ng MS Word upang lumikha ng nilalaman para sa iyong webpage. Maaari kang gumamit ng mga hyperlink upang ikonekta ang teksto sa isa't isa. Maaari mo ring i-save ang file bilang isang html file, isang web page. Ang pamamaraang ito ay gumagana nang maayos, ngunit ang mga page na ginawa mo sa ganitong paraan ay napakalaki at hindi maganda ang hitsura sa isang browser window. Ang tanging downside sa paraang ito ay kailangan mong matutunang gamitin ang mga tool na magagamit.

Ang HTML ay isang markup language, na nangangahulugan na kailangan mong magsama ng mga tag upang ma-format ang nilalaman sa pahina. Ang bawat tag ay kumakatawan sa isa sa mga elemento ng page. Ang isang tag ay nakikilala sa pamamagitan ng isang angle bracket. Ang ilang elemento ay nangangailangan lamang ng isang tag, habang ang iba ay nangangailangan ng dalawa. Ang isang pansarang tag ay naglalaman ng isang forward slash. Halimbawa, ang tag ng talata ay lumilikha ng isang elemento na tinatawag na isang talata. Ang teksto sa pagitan ng pambungad at pangwakas na mga tag ay bumubuo sa teksto ng talata. Ganun din, ang ul tag ay lumilikha ng isang hindi nakaayos na listahan.

Paglikha ng isang mini-kabilang ang listahan

Ang paggawa ng seksyong mini-includes ay isang epektibong paraan upang maiugnay ang iba't ibang elemento sa parehong web page. Ang isang HTML na pahina ay maaaring hatiin sa ilang mga sub-section, sa bawat seksyon na naglalaman ng isang listahan ng mga elemento. Ang mga elementong ito ay nagsisilbi sa iba't ibang layunin. Maaari mong gamitin ang katangian ng uri upang ipakita ang pagkakasunud-sunod ng alpabeto. Maaari ka ring gumamit ng mga maliliit na titik upang lumikha ng isang listahan ng mga elemento na may mga titik a, b, o c.

Ang pagdaragdag ng isang elemento ay madali. Ang isang simpleng HTML na dokumento ay naglalaman ng mga tag na tumutukoy sa nilalaman nito. Karaniwang magkakapares ang mga tag na ito. Ang pambungad na tag ay ginagamit upang ilista ang mga elemento sa loob nito, habang isinasara ng closing tag ang elemento. Ang pambungad na tag, o ulo, may kasamang mapaglarawang impormasyon tungkol sa dokumento. Maaaring may pamagat ang impormasyong ito, impormasyon ng style sheet, mga script, o meta impormasyon. Ang closing tag, sa kabilang kamay, isinasara ang elemento.

Gamit ang html>-tag

Ang html>-Ang tag ay ginagamit upang tukuyin ang pangunahing bahagi ng nilalaman ng isang HTML na dokumento. Ang pangunahing bahagi ng nilalaman ay binubuo ng tekstong nauugnay sa pangunahing paksa o pagpapagana ng pahina. Dapat itong natatangi mula sa iba pang nilalaman sa site. Maaaring lumitaw ang ibang nilalaman sa pahina sa anyo ng mga sidebar, mga link sa nabigasyon, impormasyon sa copyright, mga logo ng site, at mga form sa paghahanap. Dapat sundin ng isang HTML page ang html>-tag na ituring na isang HTML na pahina.

Binubuksan ng attribute na href= ang elemento ng link. Pagkatapos ng “=” tanda, dapat mong ilagay ang URL ng link. Maaari ka ring gumamit ng maraming linya ng talata sa isang heading. Ang pagsasara ng bracket ay kinakailangan. Pipigilan nito ang iyong mga link na ma-misinterpret. Para mas madaling basahin ang html page, magdagdag ng link sa iyong website. Ang html>-tag ay magbibigay-daan sa iyo upang magdagdag ng mga link na tumuturo sa isa pang web page.

Ang isang HTML file ay magkakaroon ng a.html extension na magsasabi sa iyong computer na ito ay isang HTML file. Pinakamainam na gumamit ng gitling sa halip na mga puwang, dahil pipigilan ng mga puwang ang isang web browser mula sa paghahanap ng file. Kapag nakumpleto mo na ang paglikha ng isang HTML na pahina, kailangan mong i-save ito. Susunod, mag-navigate sa folder na may HTML file at i-right-click ito. Dapat itong lumitaw na katulad ng screenshot sa ibaba.

Gamit ang html>-tag para i-highlight ang text

Maaari mong gamitin ang marka> tag upang i-highlight ang teksto sa mga HTML na dokumento. Ito ay medyo bagong HTML 5 tampok, at ito ay tumutukoy sa isang naka-highlight na bahagi ng isang talata. Ang marka> Gumagana ang tag sa pamamagitan ng pagbabago sa background-color property ng pinagbabatayan na HTML na dokumento. Ang marka> Sinusuportahan ng tag ang parehong Global at Event Attributes. Iha-highlight nito ang teksto sa dilaw o itim. Posible ring baguhin ang kulay ng teksto sa pinagbabatayan na CSS file.

Karamihan sa mga screen reader ay hindi nag-aanunsyo ng elemento ng marka, ngunit maaari mong gamitin ang CSS content property o.before and.after pseudo-elements para maging malinaw kung aling text ang gusto mong i-highlight. Ang mga anunsyo ay verbose at nagdaragdag ng hindi kinakailangang impormasyon sa pahina, kaya dapat mong gamitin ang mga ito ng matipid. Halimbawa, maaari kang gumamit ng mga anunsyo upang i-highlight ang isang termino para sa paghahanap o i-block ang mga quote. Ang mga anunsyo ay sinusuportahan ng lahat ng mga pangunahing browser.

Bilang karagdagan sa istilo ng kulay ng background, maaari mong gamitin ang 'highlightme’ klase upang i-highlight ang teksto sa iyong HTML na dokumento. Ang istilo ng kulay ng background ay sinusuportahan ng lahat ng mga browser. Maaari mo ring gamitin ang salitang 'dilaw’ sa halip na ang code ng kulay. Maaari mong gamitin ang parehong code upang i-highlight ang isang talata o seksyon ng teksto. Maaari mo ring gamitin ang mga klase ng CSS upang i-highlight ang teksto.

Gamit ang html>-tag para gumawa ng mini-includes na listahan

Ang html>-Ang tag ay ginagamit upang lumikha ng isang listahan ng mga mini-includes. Naglalaman ito ng kaukulang closing tag at ang pangalan ng elemento ay lowercase. Ang mga HTML na dokumento ay naka-encode gamit ang UTF-8 character encoding, na sumusuporta sa pagsasama ng mga character na Unicode. Kapag gumagamit ng html>-tag, tiyaking piliin ang UTF-8 sa “save-as” dialog box.

Gamit ang html>-Ang tag upang magdagdag ng mini-includes na listahan sa isang HTML page ay madali. Maaari mong gamitin ang tag na ito para sa anumang elemento na sumusuporta sa isang hindi nakaayos na listahan. Maaari ka ring gumamit ng isang hindi nakaayos na listahan para sa isang menu ng nabigasyon. Ang elemento ng dl ay nakapaloob sa isang listahan ng mga pares ng mga termino at paglalarawan. Ang mga item sa isang nakaayos na listahan ay ipinapakita na may dumadaming counter sa kaliwa. Maaari mo ring alisin ang dl na elemento kung ang listahan ay agad na sinusundan ng isa pang elemento.

Ang isa pang paraan upang magpasok ng listahan ng mini-includes ay ang magdagdag ng elemento ng footer sa isang HTML na dokumento. Kinakatawan ng elementong ito ang footer ng pinakamalapit na content ng sectioning. Karaniwan itong naglalaman ng impormasyon tungkol sa may-akda, data ng copyright, o mga link sa mga kaugnay na dokumento. Gamit ang html>-tag para gumawa ng mini-includes na listahan sa isang HTML page

Gamit ang html>-tag upang i-highlight ang mga indibidwal na bloke ng teksto

Hina-highlight ng HTML5 ang mga indibidwal na bloke ng teksto na may marka> elemento. Binabago ng HTML5 tag na ito ang kulay ng content sa source sa isang tiyak na lilim ng dilaw o itim, nagbibigay-daan sa mambabasa na makilala ang mahalagang teksto. Maaari din itong gamitin upang ipahiwatig ang mga seksyon ng nilalaman na nangangailangan ng higit na pansin kaysa sa iba pang teksto. Ang marka> Sinusuportahan ng elemento ang Mga Global Attribute at Event Attribute sa HTML. Kapag ginamit nang tama, mapapahusay ng HTML5 tag na ito ang pagiging madaling mabasa ng isang webpage.

Hindi na ginagamit ng pamantayang HTML4 ang mga tag sa antas ng karakter na may istilong pisikal. Nakikitungo sila sa pagtatanghal, at mas mainam na gumamit ng CSS para sa mga layuning ito. Ang HTML5 ay muling ipinakilala ang mga ito. Hindi na sila tinatanggal, ngunit hindi pa rin sila ang tanging paraan upang i-highlight ang mga indibidwal na bloke ng teksto. Gumamit ng CSS upang i-highlight ang mga indibidwal na bloke ng teksto gamit ang HTML5! Ang simpleng paraan na ito ay magha-highlight ng mga indibidwal na bloke ng teksto sa loob ng isang piraso ng nilalaman.

Lutang: Magagamit mo ang CSS property na ito para lumutang ang isang elemento sa kaliwa o kanang gilid ng naglalaman ng elemento. Maaari itong magamit upang lumikha ng isang grid o mga haligi. Maaari ka ring gumamit ng CSS property na tinatawag na float para lumutang ang isang iframe o isang imahe sa kaliwa o kanang margin ng browser. Pinapadali ng mga katangiang ito na i-highlight ang mga indibidwal na bloke gamit ang CSS.