Notes page

Welcome to the Notes_for_html wiki!

• Notes_for_html
• Learn from freeCodeCamp: learn HTML by building a cat photo app

1. 1.TEXT
   1. <h1> to <h6>, </h1> to </h6>| elements: used to signify the importance of content. Priority: <h1> > <h6>
   2. <p></p> | elements: create a paragraph of text.
   3. <!-- xxxxx --> | elements: add comments without affecting the browser display.

1. 2. ACT
   1. nest | terms: put A into B--> A was nested. A, B are all elements 2 spaces in the front of A, just like: <B> ss<A></A> </B>
   2. <section></section> | elements: set content apart from future content.
   3. <main></main> | elements: help the HTML easier to read and more accessible to search by engines.
   4. <form></form>
   5. action="(link)" | attributes: send <form></form> to the link.
   6. <input> | elements: make a blank that can write something in.
   7. type="text/email/number" | attributes: allow the <input> blank only access to certain type of answers.
   8. name="" | attributes: give the data collected by <form></form> a name.
   9. placeholder="" | attributes: give a hint on what to write.
   10. required | attributes
   11. <button>xxx</button> | elements: create a button.
   12. type="xxx" | attributes: make the text xxx associated with the button.
   13. type="checkbox" | attributes: create a blank box, which can be selected.
   14. type="radio" | attribute: create a white point which can be chosen.
   15. <label></label> | elements: associate the <input> and the text behind. <label><input type="radio">xxx</label>: ⚪xxx
   16. id="" | attributes: make the xxx special and xxx must be unique for the entire page. <input type="radio" id="xxx">xxx: ⚪xxx
   17. name="A-B" | attributes: select one white point A while disselect the other, B.
   18. value="" | attributes: give the form file a name based on attribute name and value.
   19. <fieldset></fieldset> | elements: create a blank and circulate what nested, label/input together.
   20. <legend></legend> | elements: add some comments on the top of the blank. <fieldset><legend><label><input></label></legend></filedset>

1. 3. IMAGE
   1. <img> | elements: add images.
   2. ⭐src="(image's URL)" | attributes: add images.
   3. alt="(text)" | attributes: display if the image fails to load.
   4. <figure></figure> | elements: images can be nested and then associated with a caption.
   5. <figcaption></figcaption> |elements: texts can be nested and then associated with the image.

1. 4. LINK
   1. <a></a> | elements: between can add comments or images which will be hyperlinks.
   2. href="(link)" | attributes: lead to the link.
   3. target="_blank" | attributes: open the link in a new tab.

1. 5. DECORATION
   1. <ul></ul> | elements: nest <ul></ul>, list items unorderedly by black points.
   2. <li></li> | elements: nest <ul></ul>, list items orderedly by numbers.
   3. <li></li> | elements: each item should nest in one pair of the tags.

1. 6. FONT
   1. <em></em> | elements: italic.
   2. <strong></strong> | elements: bold.

1. 7. NOTICE
   1. <input> has its file's name from <name> and <value>, so it's better to add the two attributes within it, usually the same as <id>.