What's new

Html patulong po hehehe

elbawonknu

Forum Guru
Elite
Joined
Dec 9, 2018
Posts
3,730
Solutions
1
Reaction
1,319
Points
1,519
Age
23
Screenshot 2024-01-02 162018.png


di ko po kasi makuha nag si self study po ako ng web development :whistle:....baka may ma ibigay kayong paraan dyan or tips po for improvement hehehe...hitap pala mag self study hahaha

ito code ko


Code:
<!DOCTYPE html>
<html lang="en">
  <header>
    <style>
      .opening{
        background-color: bisque;
        padding: 20px;
        margin-left: none;
        margin-top: 0px;
        text-align: center;
        
      }
      
      body{
        margin: 0px;
      }

      .Kali{
        list-style: none;
        padding: 5px;
        float: left;
        margin-left:25px;
        background-color: aqua;
        margin-top: -15px;
      }
      .Google{
        list-style: none;
        padding: 5px;
        float: left;
        margin-left: 25px;
        background-color: aqua;
        margin-top: -15px;
      }

      button{
        background-color: whitesmoke;
        margin-top: -15px;
        
      }
    </style>
  </header>
<head>
 <h1 class="opening">Redirection Example</h1>
 
</head>
<body>
 <li class="Kali"><a href=Kali_Linux.jpg target="_blank"><button>Kali Linux</button></a></li>
 <li class="Google"><a href="https://www.google.com/" target="_blank"><button>Google</button></a></li>
</body>
</html>
 

Attachments

Bilang isang self-study learner sa web development, malaking bagay na may initiative ka na maghanap ng mga paraan at tips para sa iyong improvement. Ang code na ibinigay mo ay isang simpleng HTML file na naglalaman ng isang header, mga estilo, at dalawang link na nagre-redirekta sa iba't ibang mga pahina.

Narito ang ilang mga paraan at tips para sa iyong improvement:

1. Mag-focus sa mga konsepto ng HTML: Importante na maunawaan mo ang mga pangunahing konsepto at mga elemento ng HTML. Basahin ang mga dokumentasyon at gumamit ng mga online tutorial upang mas maayos na maunawaan ang mga ito. Mag-aral ng mga elemento tulad ng mga header, list, links, at buttons, at kung paano i-apply ang mga estilo sa mga ito.

2. Pag-aralan ang CSS: Ang CSS ay isang malaking bahagi ng web development na nagbibigay ng estilo at disenyo sa mga elemento ng HTML. Pagsamahin ang iyong mga estilo sa isang magkahiwalay na CSS file upang mapanatili ang iyong HTML file na malinis at mas madaling i-maintain. Mag-aral ng mga konsepto tulad ng selectors, properties, at values sa CSS.

3. Magsanay sa pag-develop ng responsive web design: Ang responsive web design ay isang mahalagang aspeto ng web development na nangangahulugang ang iyong mga website ay dapat na nag-aayos ng hitsura at pag-andar depende sa laki ng screen ng user. Pag-aralan ang mga konsepto tulad ng media queries, viewport meta tag, at fluid layout upang mas maunawaan ang responsibong pag-develop ng mga website.

4. Gumamit ng mga online resources: Mayroong maraming mga online tutorial, kurso, at mga komunidad na maaaring makatulong sa iyong pag-aaral sa web development. Maaari mong subukan ang mga online platform tulad ng Codecademy, FreeCodeCamp, W3Schools, at MDN Web Docs. Makipag-ugnayan sa mga komunidad tulad ng mga forum at social media groups upang magtanong, matuto mula sa iba pang mga developers, at makakuha ng feedback.

5. Magpraktis nang regular: Ang pagsasanay ay isang mahalagang bahagi ng pag-aaral sa web development. Subukan na gumawa ng mga maliit na proyekto sa HTML at CSS upang ma-apply ang iyong natutunan. Ito ay magbibigay sa iyo ng mas mahusay na pang-unawa at karanasan sa pagsulat ng mga kodigo.

Sa iyong ibinigay na code, mayroong ilang mga maliit na kaunti na mga bagay na maaaring i-improve. Ang <header> tag ay dapat ilagay sa <head> section ng iyong HTML file, hindi sa <header> section. Ang float property ng .Kali at .Google class ay maaaring maging sanhi ng mga isyu sa layout depende sa laki ng screen. Maaaring mas mahusay na gamitin ang flexbox o CSS grid upang i-ayos ang mga elementong ito. Bukod pa rito, ang mga maliit na pagbabago sa estilo tulad ng margin at background-color ay maaaring gawing mas maayos ang hitsura ng iyong website.

Nawa'y makatulong ang mga tips na ito sa iyong pag-aaral sa web development. Patuloy na magpraktis at huwag matakot na subukan ang mga bagong mga konsepto at teknolohiya. Good luck sa iyong journey sa web development!
 
Tama po yung nasa taas ipasok mo sa div yung dalawang button tapos lagyan mo ng color . Tapos next po pag aralan mo yung mga flexbox ,grid
 
i only know c, java and python, so self study din ako pag dating sa web.. pero i use chatgpt to learn really fast.
 

Similar threads

Back
Top