HTML Beginners Code

These are Html codes

1. List Element

THERE ARE 2 ELEMENTS

A. <ol>

<ol>
  <li>Number one on the list</li>
  <li>Number two</li>
  <li>A third item</li>
</ol>

⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎

B. <ul>

<ul>
  <li>WOW</li>
  <li>UWU</li>
  <li>OWO</li>
 </ul>

⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎

---

2. PHRAGHRAPHS ELEMENT

<p>A paragraph of text. Some information we would like to communicate to the viewer. This can be as long or short as we would like.</p>

⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎

---

3. MAIN ELEMENT

<main>
	
	<!-- codes goes here -->

</main>

Main code helps u to help search search engine what main of ur website

---

4. Anchor Element

Hello THERE ! 
<a href="https://aldhaneka.wixsite.com/aldhaneka/landing-page"> Click here</a> to go to my website page

⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎

---

5. Anchor to picture

Example :

<a href="https://aldhaneka.wixsite.com/aldhaneka/landing-page" target="_blank"><img src="https://pbs.twimg.com/profile_images/805651234698842112/uPSrYOHT.jpg" alt="logo google"></a>

---

6. Link to Internal Sections of a Page with Anchor Elements

<a href="#footer">Jump To Bottom</a>
<footer id="footer">I AM FOOTER</footer>

⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎

---

7. Target Element

target="value here"

here the list of values

---

9. collapsed text

We use summary as a main text

<details>
    <summary><bWhat is Robux?</b></summary>
      <p>Robux is the in-game currency of Roblox. It costs REAL money to get. It basically lets people buy stuff in games to make them easier or more fun to play. You can also buy certain items like hats, shirts, outfits, etc. with Robux. Some games cost Robux to play at all, though. Most games allow people to buy VIP (private) servers with Robux if they want to play with just their friends. But you don’t need Robux to still have fun on Roblox. You can still play with friends, still get cool outfits and accessories.</p>
</details>

⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎

---

FORM CODES

Form

Action attribute to send data form what user click to link or server

<form action=/link-to-send-data-here>

	<!-- codes goes here -->

</form>

---

type attribute with radio as a value (use for and id)

A. use for and id attribute

All related radio buttons should have the same name attribute to create a radio button group. By creating a radio group, selecting any single radio button will automatically deselect the other buttons within the same group ensuring only one answer is provided by the user.

<form action=/bla-bla-bla.php> 
 <label for="language"><input id="language" type="radio" name="radio-language">British</label>
 <!-- end --> 
 <label for="language"><input id="language" type="radio" name="radio-language">Indonesian</label> 
 <!-- end --> 
 <label for="language"><input id="language" type="radio" name="radio-language">Arabic</label> 
 <!-- end --> 
 </form>

⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎

B. not use for and id

<label > 
 <input type="radio" name="indoor-outdoor" value="english america">America
 </label>
 <label > 
 <input type="radio" name="indoor-outdoor" value="indonesia">Indonesia
 </label>
 <label > 
 <input type="radio" name="indoor-outdoor" value="arabic">Arabic
 </label>

⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎

---

select and option

GENDER
 <label>
   <select>
      <option>laki-laki</option>
      <option>perempuan</option>
   </select>
 </label>

⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎

---

select and option

GENDER
 <label>
   <select>
      <option>laki-laki</option>
      <option>perempuan</option>
   </select>
 </label>

⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎⬇︎