User:ZUZU/Winter Break: Difference between revisions

Revision as of 19:28, 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

start with HTML&CSS

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>`

@@ Line 21: / Line 21: @@
      </body>
      </html>
+====compare Block-Level Elements&Inline Elements====
+{| class="wikitable"
+!
+!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
+| <code>&lt;div&gt;</code>, <code>&lt;p&gt;</code>, <code>&lt;h1&gt;</code> to <code>&lt;h6&gt;</code>, <code>&lt;ul&gt;</code>, <code>&lt;table&gt;</code>
+| <code>&lt;span&gt;</code>, <code>&lt;a&gt;</code>, <code>&lt;strong&gt;</code>, <code>&lt;img&gt;</code>, <code>&lt;br&gt;</code>
+|}