HTML CSS Guide Create your First Website in 2023

HTML & CSS Guide – Create your First Website in 2023, available at $19.99, has an average rating of 4.3, with 68 lectures, based on 21 reviews, and has 168 subscribers.

You will learn about Build a Website with the main elements that are used in webpages Know the main structure of a HTML document Learn some of the tags used in version 5 of HTML to format text Create tables and lists Insert images and create hyperlinks Use comments to organize your code Insert multimedia audio and videos in a website Embed youtube videos and playlists Embed HTML documents Add css code to your webpage Style your page content with style sheets Learn advanced CSS (flexbox) This course is ideal for individuals who are Students who are acquiring the first knowledge in the area of Web Development or Any curious person who wants to start in this area It is particularly useful for Students who are acquiring the first knowledge in the area of Web Development or Any curious person who wants to start in this area.

Enroll now: HTML & CSS Guide – Create your First Website in 2023

Summary

Title: HTML & CSS Guide – Create your First Website in 2023

Price: $19.99

Average Rating: 4.3

Number of Lectures: 68

Number of Published Lectures: 68

Number of Curriculum Items: 68

Number of Published Curriculum Objects: 68

Original Price: $189.99

Quality Status: approved

Status: Live

What You Will Learn

Build a Website with the main elements that are used in webpages

Know the main structure of a HTML document

Learn some of the tags used in version 5 of HTML to format text

Create tables and lists

Insert images and create hyperlinks

Use comments to organize your code

Insert multimedia audio and videos in a website

Embed youtube videos and playlists

Embed HTML documents

Add css code to your webpage

Style your page content with style sheets

Learn advanced CSS (flexbox)

Who Should Attend

Students who are acquiring the first knowledge in the area of Web Development

Any curious person who wants to start in this area

Target Audiences

Students who are acquiring the first knowledge in the area of Web Development

Any curious person who wants to start in this area

This class is a Introductory course to web development . 

HTML is the structural component of a webpage, that allows  creation of web pages and web applications.  HTML is a power language that will help you develop mobile application,  websites, and work with other languages like JavaScript or PHP that allow you to create dinamic pages.  

This course will help to learn the basics of HTML, and is intended for users who have little or no knowledge of HTML and who wish to acquire the basic concepts of this language.

Having a good understanding of HTML is one of the main keys to develop websites, and in this short course you will learn the basics of the language.

After completing this class you are able to create a static content page for in the future deepen your knowledge of HTML as well as learn the main concepts of CSS, learning main syntax used with Cascading Style Sheets and nome of the most used propertiesused in CSS.

At the end you learn the last css properties that apply Flexbox Model

What you will learn in this class: 

HTML document structure

Use of code editor to optimize your work

HTML elements and attributes

Heading Creation

Paragraph Rreation and Formatting

Creation of Tables and Lists to Display Data in Dfferents Formats

Hyperlinks to Connect to Other Pages  and “Jump” to Internal Page Contents

Use of Images in a Webpage

How to Comment Code

Insert Audio Files(Multimedia)

Insert Video (Multimedia)

Embed Youtube Videos

Insert Embed Youtube Playlist

Embed HTML Documents

Use of tags from version 5 (HTML5)

Creation of Forms (text fields, submit buttons, radio buttons)

Understand importance of CSS in a webpage

Learn css syntax, how to add styles in a webpage and some of the main properties used in CSS

Understand CSS box model

Float and Clear properties

Css properties for flexbox model

Create 3 different projects

What is the target audience?

This course is intended for beginners in the world of web development

Settings recommended:

Video speed: 1-1.25x

Course Curriculum

Chapter 1: Introduction

Lecture 1: Intro

Chapter 2: Getting Started With HTML

Lecture 1: Code Editor for easy hand coding

Lecture 2: HTML Document Structure

Lecture 3: HTML Elements

Lecture 4: HTML Attributes

Chapter 3: Create and Format Text

Lecture 1: Create Headings in your page

Lecture 2: Insert Paragraphs

Lecture 3: HTML Text Formatting

Chapter 4: Lists, Images, Hyperlinks and More

Lecture 1: HTML List

Lecture 2: HTML images

Lecture 3: HTML Tables

Lecture 4: HTML Hyperlinks

Chapter 5: Styles, Forms and Comments

Lecture 1: Code Comments

Lecture 2: HTML Styles

Lecture 3: HTML Forms I

Lecture 4: HTML Forms II

Chapter 6: HTML Multimedia Elements

Lecture 1: Introduction to Multimedia

Lecture 2: HTML Video Tag

Lecture 3: Insert Audio File in Your Webpage

Lecture 4: HTML Object Tag

Lecture 5: HTML Embed Tag

Lecture 6: Youtube Videos Using Iframe Tag

Lecture 7: Insert Youtube Playlist in Your Webpage

Chapter 7: Introduction to CSS

Lecture 1: Introduction

Lecture 2: CSS main Syntax

Lecture 3: Class and Id selectors to identify elements

Lecture 4: How to add a style sheet – Internal, external and inline CSS styles

Lecture 5: How CSS Box model works – Border, margin and padding properties

Lecture 6: CSS Font Properties

Lecture 7: Text Properties

Lecture 8: Block and Inline Elements (Div and Span elements)

Lecture 9: Position Property to change elements position in your layout

Lecture 10: Float and Clear properties to position layout elements

Lecture 11: Relative and Absolute Units

Lecture 12: Define elements size using Width and Height Properties

Chapter 8: CSS Projects

Lecture 1: Project – Web gallery using Float property

Lecture 2: Create a Form with HTML & CSS

Chapter 9: Responsive Web design

Lecture 1: Introduction to Responsive Web design

Lecture 2: Project presentation

Lecture 3: Img tag vs. background-image css property

Lecture 4: Responsive design using media queries

Lecture 5: Create header and main section for a landing page

Chapter 10: Css Evolution – Flexbox Model

Lecture 1: Flexbox properties

Lecture 2: Introduction to Flexbox Layout Model

Lecture 3: Display property and flexbox model default behavior

Lecture 4: Flex-direction and Wrap properties

Lecture 5: Shorthand property flex-flow

Lecture 6: Align Flex items with Justify-content / align-items / align-content properties

Lecture 7: Change flex items position using Order property

Lecture 8: Flex-grow property

Lecture 9: Flex-shrink

Lecture 10: Flex item initial lenght using Flex-basis property

Lecture 11: Flex (Shorthand property)

Lecture 12: Align-self

Chapter 11: CSS3 Flexbox Projects

Lecture 1: Project first webpage – introduction

Lecture 2: Project first webpage – first method

Lecture 3: Project first webpage – second method

Lecture 4: Webpage project – header

Lecture 5: Project first webpage – nav

Lecture 6: Project first webpage – article

Lecture 7: Project first webpage – aside

Lecture 8: Project first webpage – footer

Lecture 9: Flexbox project – Web gallery part 1

Lecture 10: Flexbox project – Web gallery part 2

Lecture 11: Web gallery -Version using background-image css property

Lecture 12: Flexbox project – Responsive form part 1

Lecture 13: Flexbox project – Responsive Form part 2

Lecture 14: Congratulations

Instructors

Luis Carlos
Engineer & Web Developer with 10 years of experience

Rating Distribution

1 stars: 0 votes

2 stars: 0 votes

3 stars: 2 votes

4 stars: 5 votes

5 stars: 14 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!