Intro to HTML and CSS
via Udacity
Overview
Throughout this course, you'll learn about the underlying structure of the web - HTML. You'll learn how to use this tree-like structure to create websites. You'll also learn how to apply styling to a website through CSS. You'll learn about CSS syntax, selectors, and units. Along the way, you'll also learn about code editors and a browser's Developer Tools.
Why Take This Course?
Are you interested in learning about how a website is built? Have you heard of HTML but aren't sure what it is? Have you always wished you knew how to change the look and style of a website? If you answered "Yes!" to any of these questions, then this course is for you!
Syllabus
You'll learn the fundamental building block of every website - HTML. You'll learn about HTML tags, attributes, nesting, and so much more! You'll also learn how to style websites using CSS. CSS is how styling is done for all websites, so you'll be learning it alongside HTML to be able to create styled, well-structured websites.
Lesson 1: HTML Syntax
- Learn HTML tags
- Discover the tree-structure format of HTML
- Learn about and install a text editor## Lesson 2: HTML Syntax Problem Set
- Add headers to structure a page
- Create a list of items
- Add images to an existing site## Lesson 3: CSS Syntax
- Write a CSS Ruleset
- Use CSS units to place content on the page
- Use Developer Tools to debug CSS## Lesson 4: CSS Syntax Problem Set
- Style images
- Style the font of the page
- Create and link a stylesheet
Taught by
Cameron Pittman
Related Courses
Reviews
3.9 rating, based on 34 reviews
-
Gregory J Hamel ( Life Is Study) completed this course and found the course difficulty to be easy.
Intro to HTML and CSS is a 3-lesson primer on front-end web development and design. Although the name of the course suggests you'll learn HTML and CSS basics, the content is actually focused on higher level web development and design concepts like web... -
Marko Vuolevi26
Marko Vuolevi completed this course, spending 4 hours a week on it and found the course difficulty to be easy.
They try to approach the way to teach web development in a somewhat unique way, instead of learning the old fashion way they instead use a top-down methodology. In other words, they take a finished website and go through how it is constructed instead... -
Bobby Brady completed this course and found the course difficulty to be easy.
The title is a tad incorrect, this course is not an Introduction to HTML and CSS. You must already know all your html tags, attributes, elements and css selectors. What it is really great at though, is providing the student with solid knowledge of topics not often covered in regular web design courses, such as responsive grid designs, media queries, google fonts and css frameworks. It's quick, to the point and gives you everything necessary to build a nice modern but simple web page with marketable tools. -
Prose Simian completed this course, spending 9 hours a week on it and found the course difficulty to be medium.
I went through 95%* of this in about 8-9 hours total. It's... so so. A bit of a whistle stop tour of html & CSS, which left me feeling like I'd got it figured out, until I ran into roadblocks trying to do apparently simple things. Perhaps I missed them,... -
Anonymous
Anonymous completed this course.
The pace picks up rapidly and at times you are left struggling to work out exactly what is required to move on. The principles are sound, but it jumps into Bootstrap for the final 1/3 which is fine but a little disjointed from the first. There is not enough sharing of best practice output and the final project stretches well beyond anything covered in the course leaving you a bit stuck. You can make it LOOK just like the image but it can be done in a fundamentally incorrect way but no explanation as to why. The best section is in the final 1/3 where you have Jacques run through, albeit too quickly, the building of an example. -
Dissipate is taking this course right now and found the course difficulty to be hard.
Like many other reviewers commented, the title of this course is misleading. It is not an introductory course for complete beginners to HTML and CSS. The course is focussed on design, and I think you will need intermediate knowledge HTML and CSS, otherwise you will feel lost.
I went in with basic knowledge, and the first few videos were fine but got progressively worse as the instructors glazed over concepts and did not do much explaining. I felt like there were lots of gaps and I had to do a lot of self-learning. It was frustrating, and I stopped the course to explore other courses and books on web development. -
Anonymous
Anonymous completed this course.
The course is so so, but it teaches bad practices for front-end developers. It's definitely not a course for beginners since it does not teach fundamental aspects. -
Dimitrios Tosidis completed this course, spending 3 hours a week on it and found the course difficulty to be easy.
A great introduction to the Bootstrap. Very easy-going approach and nice design examples. It is a practical, pragmatical and multi-side approach for developers, who lack of design methodologies and they can play with ready solutions and transform them into real sites. The course begins with easy steps and at the end you can build up furthermore, as you have the sources to do as extended as you want. -
Anonymous
Anonymous completed this course.
I loved it, because it was the first stone to build my knowledge in the design of websites. And most importantly, I did not know anything and this course gave me the basics. -
Eng Taha Raslan
Eng Taha Raslan completed this course, spending 2 hours a week on it and found the course difficulty to be very easy.
They try to approach the way to teach web development in a somewhat unique way, instead of learning the old fashion way they instead use a top-down methodology. In other words, they take a finished website and go through how it is constructed instead of building up the website from scratch. A rather interesting approach, and possibly more fun than the usual way to learn. Are not entirely sure that this approach is the best for beginners, there is a risk that beginners miss fundamental concepts of how websites are contructed and works.
7
8
9
10
Next
-
Salem Mcgonagle completed this course and found the course difficulty to be very easy.
A somewhat misleading title as most would benefit from a basic understanding of HTML/CSS prior to starting the course.
While touching on the basics of HTML/CSS the majority of the course is focused on design principles such as responsive grid designs and techniques such as media queries, google fonts and frameworks.
The course is best suited for those looking to move forward from an understanding of HTML/CSS Tags & Syntax into the basics of front-end web design.
Those with no prior experience in HTML/CSS should look elsewhere first. -
Geoffrey Allen Jenkins completed this course, spending 5 hours a week on it and found the course difficulty to be medium.
Fortunately, I had some previous experience with html so I was able to move through the course rather quickly. However, I found it enlightening in regards to learning some basic CSS language as well as promoting healthy design habits. I highly recommend it to anyone looking to "get their feet wet" in website design. *I don't think previous knowledge of HTML is necessary for this course. -
Anonymous
Anonymous completed this course.
I came into this course completely new on html/css. Definitely feel like a lot of content was dropped on my and not thoroughly explained, it's really not a beginner course imo. I intend to do codeacademy's html/css and udacity's web development course and then come back to this course. -
Hon Sophat
Hon Sophat is taking this course right now and found the course difficulty to be medium.
I have some knowledge about web development so I want to share to Classcentral, and I want to add studying. -
Anonymous
Anonymous completed this course.
It's an overview of modern html and css, I think it need more examples and explanation on some topics like flex and media queries, If you only need and overview an are willing to look for the concepts by yourself this is the course you need. -
Panos Gr completed this course, spending 2 hours a week on it and found the course difficulty to be medium.
This course is definitely NOT FOR BEGINNERS. That being said it was a delight for me. Learn some html and css from more basic walk-through style classes like the ones offered at Coursera, Code Academy , even W3Schools and come back to this. Having some... -
Friday Adavize
Friday Adavize is taking this course right now.
Wonderful! Loving this and its going to be magical. Believing to becoming a professional web app developer. Again, also fall in love this site. Thank you so much! -
Anonymous
Anonymous is taking this course right now.
Its bad and funny enough not responsive. You can watch them correctly on mobile.
The courses are bad as the guy teaching doesnt explain fully. -
Anonymous
Anonymous completed this course.
Im at 67% and I decided to drop it.
I feel I haven't really earned anything. Whatever I know about html and css - which is really basic, I've learned it from other sources.
Too much theory," jokes" and useless quiz that eat time and frustrated...
My big issue is the order that they teach things...I don't know... it just didn't worked for me... didn't make sense :-( -
Jam Kram completed this course.
I was lucky and learned the html/css basic syntax first with Codeacadamy. I recommend you do as well. This course was an excellent second step in my learning process. It showed me a relevant real life work flow to building a website (Devtools combined with Sublime Text editor) which was exactly what I needed and was looking for. I enjoyed it.
Never Stop Learning!
