User:ZUZU/Winter Break: Difference between revisions
| Line 5: | Line 5: | ||
With practice over the past month, I've found that using wiki to keep track of my learning process has worked well for me, so I've decided to continue this winter break. | With practice over the past month, I've found that using wiki to keep track of my learning process has worked well for me, so I've decided to continue this winter break. | ||
== WEEK 12 == | == WEEK 12 == | ||
=== Saturday 9 December === | === Saturday 9 December === | ||
====basic HTML structure==== | ====basic HTML structure==== | ||
| Line 33: | Line 33: | ||
| <code><div></code>, <code><p></code>, <code><h1></code> to <code><h6></code>, <code><ul></code>, <code><table></code> | | <code><div></code>, <code><p></code>, <code><h1></code> to <code><h6></code>, <code><ul></code>, <code><table></code> | ||
| <code><span></code>, <code><a></code>, <code><strong></code>, <code><img></code>, <code><br></code> | | <code><span></code>, <code><a></code>, <code><strong></code>, <code><img></code>, <code><br></code> | ||
|} | |||
== Appendix == | |||
=== Punctuation Mark === | |||
{| class="wikitable" | |||
|- | |||
! Punctuation Mark | |||
! English Name | |||
|- | |||
| . | |||
| Full Stop | |||
|- | |||
| , | |||
| Comma | |||
|- | |||
| ; | |||
| Semicolon | |||
|- | |||
| : | |||
| Colon | |||
|- | |||
| ' | |||
| Apostrophe (Single Quote) | |||
|- | |||
| " | |||
| Quotation Mark (Double Quote) | |||
|- | |||
| ` | |||
| Backtick | |||
|- | |||
| ( | |||
| Opening Parenthesis | |||
|- | |||
| ) | |||
| Closing Parenthesis | |||
|- | |||
| [ | |||
| Opening Square Bracket | |||
|- | |||
| ] | |||
| Closing Square Bracket | |||
|- | |||
| { | |||
| Opening Curly Brace | |||
|- | |||
| } | |||
| Closing Curly Brace | |||
|- | |||
| / | |||
| Forward Slash | |||
|- | |||
| \ | |||
| Backslash | |||
|} | |} | ||
Revision as of 18:35, 25 December 2023
With practice over the past month, I've found that using wiki to keep track of my learning process has worked well for me, so I've decided to continue this winter break.
WEEK 12
Saturday 9 December
basic HTML structure
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My First HTML Page</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
</body>
</html>
compare Block-Level Elements&Inline Elements
| Block-Level Elements | Inline Elements | |
|---|---|---|
| Structure | Each block-level element generate a block-level container that takes up the full width available. | They do not create a new line,they flow within the context. |
| Examples | <div>, <p>, <h1> to <h6>, <ul>, <table>
|
<span>, <a>, <strong>, <img>, <br>
|
Appendix
Punctuation Mark
| Punctuation Mark | English Name |
|---|---|
| . | Full Stop |
| , | Comma |
| ; | Semicolon |
| : | Colon |
| ' | Apostrophe (Single Quote) |
| " | Quotation Mark (Double Quote) |
| ` | Backtick |
| ( | Opening Parenthesis |
| ) | Closing Parenthesis |
| [ | Opening Square Bracket |
| ] | Closing Square Bracket |
| { | Opening Curly Brace |
| } | Closing Curly Brace |
| / | Forward Slash |
| \ | Backslash |