HTML

HyperText Markup Language

---

Basics

<!-- COMMENT -->
<h1><h1>			header
...
<h6><h6> 
<p><p>				paragraph
<b><b> or <strong><strong>	bold
<i><i> or <em><em>		italics
<ol>				Lists (number)
   <li> item <li>		
   <li> item <li>		
   ...	
</ol>
<ul>				Lists (bullet)
   <li> item <li>		
   <li> item <li>		
   ...	
</ul>  

HTML element reference: https://developer.mozilla.org/en-US/docs/Web/HTML/Element

---

Divs & Span

<div class="one">
  <p>My name <span>is Max. How are<span> you?<p>
</div>

---

Attributes

Image
<img src="a.png" alt="image not found">    

Reference    
<a href="reference.com">Click me</a>

Make image a reference
<a href="reference.com">
	<img src="a.png" alt="image not found">
</a>

---

Tables

<table border="1"> 	border = thickness
  <thead>		table head
    <th>colon</th>	
    ...
    <th>colon3</th>
  </thead>
  <tr>			table rows
    <td></td>
    ...
    <td></td>
  </tr>
<table>

---

Forms

<form class="" action="url" method="post">
	<input type="email" name="" value="">
  	<input type="submit" name="" value="Submit">
</form>  

action go to url upon submit with input email

value default
name used for future reference
Types ex)email, password, submit, colro ...

more HTML input types can be found in https://www.w3schools.com/html/html_form_input_types.asp

---

Labels

<form>
<label for="userinput"> Enter Input:</label>
<input id = "userinput" type="text" name="" placeholder="enter here" required>
<input type="submit">
</form>

Enter Input:

required required to have this input filled before submit
placeholder better default

---

Selections

  <form method="get"> 
    <h3>where are you form<h3>
    <label for="inputus">USA</label>
    <input id = "inputus" type="radio" name="loc" value="inside"> 
    <label for="inputout">Outside</label>
    <input id = "inputout" type="radio" name="loc" value="outside">

    <h2>How was your service<h2>
    <select name="stars">
      <option value='good'>3</option>
      <option value='okay'>2</option>
      <option value='bad'>1</option>
    </select>

    <h4>Any feedback?<h4> 
    <textarea name="mytext" rows="8" cols="80"></textarea>   
    <input type="submit" name="" value ="SUBMIT">

value value is the information that is passed through url
name Link inputs so that only one can be chosen

where are you form

USA Outside

How was your service

3 2 1

Any feedback?