JCS懶股頭 ALL Is WELL

現在自學成為王道

網路上有很多神奇資源

任大家使用

點進去看看

玩玩什麼是HTML

沒想到還蠻EASY的

只不過是英文版

看得懂的就去玩玩

網址:resources all come from the website below

https://www.codecademy.com/courses/learn-html-css/lessons/structure/exercises/doctype?action=lesson_resume

https://zh.wikipedia.org/zh-tw/HTML  <WiKi definition>

Let's review what you've learned so far:

1. You can add headings of different sizes using the different headings elements: <h1> through <h6>.
2. Paragraphs are added with the <p> element.
3. Unordered lists are created with the <ul> element and list items are added using the <li> element.
4. Ordered lists are created with the <ol> element and list items are added using the <li> element.
5. You can add links to your web page using the <a> element - don't forget the href attribute!
6. Images can be added with the <img> element - don't forget the src attribute!
7. Images help support visually impaired users when <img> elements include the alt attribute.
8. You can turn anything into a link by wrapping it with an <a> element.
9. White space in the HTML file does not affect the positioning of elements in the browser.
10. The W3C recommends 2 spaces of indentation for nested HTML elements.

--------------------------------------------------------------------------------------------------------------

Great work! You've learned the basics of CSS structure and syntax. We'll continue to build on these basics as you learn more about CSS.

Let's review what you've learned so far:

1. A CSS selector targets an HTML element.

2. CSS declarations style HTML elements. Declarations must contain the following two things:

• property - the property you want to style.
• value - the value for the property you are styling.

3. CSS declarations must end in a semicolon (;)

4. A CSS rule consists of a CSS selector and the declarations inside of the selector.

5. Multiple element selectors can be used to style multiple elements at once.

6. Comments keep code easy to read and allow you to experiment with new code without having to remove old code.

7. CSS follows certain best practices for spacing and indentation:

• One line of spacing between a selector and the opening curly brace.
• No spacing between CSS declarations and the opening and closing curly braces of the CSS rule.
• Two spaces of indentation for CSS declarations.
• One line of spacing between CSS rules.

---------------------------------------------------------------------------------------------------------------

So far, you've learned about the fundamentals of HTML, including the basic

structure requiredto set up HTML files, as well as the common HTML elements

used to add content to a web page.

Unfortunately, the HTML elements that we've used to add content to a web

page have resultedin fairly bland results in the browser. For example, it appear

s that all content seems to be thesame color, have the same font, and offer no

direct control over the size of the font(apart from the six different heading options).

How can we make our HTML more visually appealing?CSS, or Cascading Style Sheets,

is a language that web developers use to style the HTML content ona web page. If you're

interested in modifying colors, font types, font sizes, shadows, images, element

positioning, and more, CSS is the tool for the job!

In this unit, you'll first learn how to incorporate CSS so that you can style content. You'll

also learn aboutCSS's basic structure and learn how to use its syntax. In later units, we'll

explore in detail exactly how tochange color, font options, and much more.

Let's begin!