Front-end basic practical course

• Chapter1 Front-end basic practical course (1)
• 1-1 Write your first web page
• 1-2 Install notepad++
• 1-3 Self-closing tags and comments
• 1-4 attributes in tags
• 1-5 Documentation Statement
• 1-6 About base system
• 1-7 Character Encoding
• 1-8 Document use
• 1-9 Installation of VSCode
• Chapter2 Front-end basic practical course (2)
• 2-1 entity
• 2-2 meta tag
• 2-3 Semantic tags(1)
• 2-4 block and inline
• 2-5 Semantic tags(2)
• 2-6 list
• 2-7 Introduction to hyperlinks
• 2-8 relative path
• 2-9 Other uses of hyperlinks
• 2-10 Image tags
• Chapter3 Front-end basic practical course (3)
• 3-1 Image format
• 3-2 iframe
• 3-3 Audio and video playback
• 3-4 Introduction to CSS
• 3-5 Where CSS is written
• 3-6 Basic syntax of CSS
• 3-7 Common selectors
• 3-8 compound selector
• 3-9 Relationship selector
• 3-10 attribute selector
• Chapter4 Front-end basic practical course (4)
• 4-1 Pseudo class selector
• 4-2 Pseudo class for hyperlink
• 4-3 Pseudo element
• 4-4 Introduction to restaurant exercises
• 4-5 inherit
• 4-6 Selector weight
• 4-7 Pixels and percentages
• 4-8 em and rem
• 4-9 RGB value
• 4-10 HSL value
• Chapter5 Front-end basic practical course (5)
• 5-1 document flow
• 5-2 box model
• 5-3 Box model-border
• 5-4 box model padding
• 5-5 box model margins
• 5-6 Box model - horizontal layout
• 5-7 Box model vertical layout
• 5-8 Box model-collapse of margins
• 5-9 Box model for inline elements
• 5-10 Browser's default style
• 5-11 Assign exercises