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 emailvalue
defaultname
used for future referenceTypes
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 submitplaceholder
better defaultSelections
<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 urlname
Link inputs so that only one can be chosenwhere are you form
USA
Outside
How was your service
3
2
1
Any feedback?
Reference
この問題について(HTML), 我々は、より多くの情報をここで見つけました https://velog.io/@skang6283/HTML-CSSテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol