HTML/CSS Memo: Difference between revisions

Revision as of 14:55, 7 November 2024

Caption text
Human Language	HTML Tag
html document	<htm></html>
metadata (title, link to css and script etc)	<head></head>
Content of the page	<body></body>
Section	<section></section>
Container (it can contain text, images, sound)	<div></div>
Headline	<h1></h1> (h2, h3, h4, h5, h6)
Paragraph	<p></p>
Linebreak	<br> or </br>
Word wrapper	<span></span>
Link	<a href="[url here]">[link title here]</a>
Image	<img src="[file path here]" alt="[alternative text]">
Audio	<audio src="[file path here]" controls></audio>
Video	<video src="[file path here]" controls loop></video>
Unordered List	<ul></ul>
Ordered List	<ol></ol>
List Item	<li></li>
Button	<button></button>
Table	<table></table>
Table Row	<tr></tr>
Table Cell	<td></td>
Column Header	<th></th>

@@ Line 10: / Line 10: @@
 | Content of the page || <nowiki><body></body></nowiki>
 |-
-| Section || <section></section>
+| Section || <nowiki><section></section></nowiki>
 |-
-| Container (it can contain text, images, sound)|| <div></div>
+| Container (it can contain text, images, sound)|| <nowiki><div></div></nowiki>
 |-
-| Headline || <h1></h1> (h2, h3, h4, h5, h6)
+| Headline || <nowiki><h1></h1></nowiki> (h2, h3, h4, h5, h6)
 |-
-| Paragraph || <p></p>
+| Paragraph || <nowiki><p></p></nowiki>
 |-
-| Linebreak || <br> or </br>
+| Linebreak || <nowiki><br> or </br></nowiki>
 |-
-| Word wrapper || <span></span>
+| Word wrapper || <nowiki><span></span></nowiki>
 |-
-| Link || <a href="[url here]">[link title here]</a>
+| Link || <nowiki><a href="[url here]">[link title here]</a></nowiki>
 |-
-| Image || <img src="[file path here]" alt="[alternative text]">
+| Image || <nowiki><img src="[file path here]" alt="[alternative text]"></nowiki>
 |-
-| Audio || <audio src="[file path here]" controls></audio>
+| Audio || <nowiki><audio src="[file path here]" controls></audio></nowiki>
 |-
-| Video || <video src="[file path here]" controls loop></video>
+| Video || <nowiki><video src="[file path here]" controls loop></video></nowiki>
 |-
-| Unordered List || <ul></ul>
+| Unordered List || <nowiki><ul></ul></nowiki>
 |-
-| Ordered List || <ol></ol>
+| Ordered List || <nowiki><ol></ol></nowiki>
 |-
-| List Item || <li></li>
+| List Item || <nowiki><li></li></nowiki>
 |-
-| Button || <button></button>
+| Button || <nowiki><button></button></nowiki>
 |-
-| Table || <table></table>
+| Table || <nowiki><table></table></nowiki>
 |-
-| Table Row || <tr></tr>
+| Table Row || <nowiki><tr></tr></nowiki>
 |-
-| Table Cell || <td></td>
+| Table Cell || <nowiki><td></td></nowiki>
 |-
-| Column Header || <th></th>
+| Column Header || <nowiki><th></th></nowiki>
 |-
 |}