動画検索
関連広告
検索結果
Intro
Welcome and Who This Tutorial Series Is For
What is HTML?
Google Chrome Browser
Dark New Tab Chrome Extension
Visual Studio Code
Create and open a new folder
Creating a new file and best file name practices
The HTML element and elements vs tags
Two Major Areas of an HTML page: Head and Body
Adding a title element
Saving and auto-formatting your code
Adding a heading and a paragraph
Optional VS Code Extensions
Live Server Extension
Viewing Your Web Page
Style element and optional dark mode changes
Your Dev Environment vs The Web
Starting & Stopping Live Server
Validating your HTML code
Adding a lang attribute
Adding charset metadata
Adding a doctype declaration
Revalidating and viewing your web page
Intro
First Webpage
Heading Elements
External Images
External Links
Special Characters In Html
Forms - Textarea - Radio - Checkbox
Download Images
Resource Files
Internal Css
Id Selectors
Last Rule, Specificity, Universal Selector
External Resources
VH And VW
Google Fonts
Margin
Basic Horizontal Centering
Background Images Setup
Linear-Gradients
Position Static
Before And ::After Pseudo Elements
Link Pseudo-Class Selectors
Transform:skew()
Animation-Fill-Mode
Emmet Workflow
Introduction to Web Design
How this course is structured
What to download
What is HTML5 & CSS3
Head vs body vs html tag
Title & description
Using Div Tags
What is a CSS Class
Class Project 01
External CSS
Creating our index style pages
Check your code for errors
What are HTML5 structure tags
Add html5 structure elements
Adding images to a website
How to center an image
Make a clickable link
Stretching background image
Making a div tag transparent
CSS compound classes
Class Project 02
Class Project 02 - COMPLETE
Add Google Maps to your website
Making a website live
Outro