VehiclesFashionRecipesBlogsHuntTravelsSportFunHandmadeITEducation
Mini-Games
x

x
zakruti.com » IT - Software » IT, programs, coding
HTML & CSS for Beginners FREE MEGA COURSE (7+ Hours) - Envato

HTML & CSS for Beginners FREE MEGA COURSE (7+ Hours) - Envato

FBTwitterReddit

video description

Rating: 4.0; Vote: 1
Download the course files: Download the assignment: 0: 00 1. 1 Welcome to the Course! 3: 48 1. 2 Prerequisites 13: 00 2. 1 How Websites Are Loaded 24: 36 2. 2 What Is HTML? 30: 42 2. 3 Lets Create an HTML File 42: 45 2. 4 HTML Elements and Tags 50: 07 2. 5 Inline vs. Block-Level Elements 1: 00: 41 2. 6 The div Element 1: 08: 00 2. 7 Text-Related Elements 1: 30: 23 2. 8 Separating Content With Breaks 1: 36: 24 2. 9 Using Lists 1: 47: 15 2. 10 Working With Images 2: 04: 31 2. 11 Using Forms and Buttons 2: 45: 22 2. 12 Displaying Tabular Data With Tables 2: 54: 12 2. 13 HTML5 Semantic Elements 3: 01: 59 3. 1 What Is CSS? 3: 04: 39 3. 2 Adding CSS to an HTML Page 3: 11: 59 3. 3 Using CSS Selectors 3: 29: 37 3. 4 Working With Color in CSS 3: 40: 49 3. 5 Lets Discover the CSS Units 3: 54: 36 3. 6 Styling Text With CSS 4: 10: 08 3. 7 Setting Dimensions in CSS 4: 20: 46 3. 8 The CSS Box Model 4: 45: 44 3. 9 Working With Borders in CSS 4: 55: 25 3. 10 Using the Display Property in CSS 5: 05: 04 3. 11 Styling Lists in CSS 5: 15: 56 3. 12 Positioning Elements in CSS 5: 30: 22 3. 13 Styling Backgrounds in CSS 5: 52: 10 3. 14 Building Layouts With Flexbox and CSS Grid 6: 19: 43 3. 15 Working with Media Queries for Creating Responsive Websites 6: 32: 37 4. 1 Lets Code a Simple Design with HTML and CSS 7: 46: 03 4. 2 Conclusion and Homework Download unlimited photos, fonts & templates with Envato Elements
Date: 2022-09-19

Comments and reviews: 20


Ref Positioning elements at 5: 21: 17 Comment. It is quite difficult to take in how adding relative in the. set class affects the top and left margin for the. absolute. highlight - whereas with default static setting the absolute positioning of the highlight was reletive to. learn not. set I assume it will become clearer as I put this into use. It is probably part of undersanding CSS structure where settings for one class are dependant on a parent settings.
reply

Thanks Adi. This is a nice course. I have a question. So when I do everything alongside the video I can do it all. But how do you actually get to practice and do it on your own and also remember all the attributes and commands used in HTML and CSS. Cuz there is no problem to do it alongside the video. You pretty much just repeat all the steps. The main challenge is to be able to get this done without a video
reply

Great demonstration of use of element widths set to 100% + min-width + max-width. This is exactly the problem that stopped me playing around with a pagebuilder system, with insufficient knowledge, and made me start to look for CSS training. Been folllowing this video form start. If fills in so many gaps in my minimal knowledge of CSS
reply

1000 thank you! I have one question about smaller screens. I would like to see the gallery div entirely on the screen (one image+ its paragraph and price of that chair) as this makes sense for users not to scroll to see all info about one chair. I thought. gallery div height: 100%; would work, but it didn't. Could you please help?
reply

This is my favorite course. Very well explained with practical tutorials that you can follow with. This course is worth more than anything. I'm so thankful envato cause i was kinda stuck in web dev progress but this course what i really needed. So thank you again for your generosity and uploading it for free.
reply

This lesson is wow and awesome. I got lot of knowledge as a beginner. So if you could do the lectures for Bootstrap, JAVA, PHP and wordpress it also good build our path. So please arrange those lectures to gain us more knowledge. Thank you and most appreciate your works.
reply

All good stuff! Something for folk to bear in mind is that GitHub are retiring ATOM on 15 December 2022. ATOM itself, and all projects, etc on this platform will be archived to allow time for users to migrate their stuff. So you might want to kick off on something else.
reply

Thanks so much. Your courses are always well thought. I am now confident with HTML and CSS. I have been trying to learn JavaScript but yet to grab anything after weeks. It's so scary. I wish you can provide a simplified course on JavaScript. Thank you
reply

Firstly thanks for this video. It helps us to learn basics. Secondly I have a question, how can you select or grab the color codes on the example webpages? What is the shortcut keys on keyboard (I am using Windows 11, not MACos? Thanks in advance.
reply

Hi Adi, actually i'm newbie in this field but your teaching technics make me very confident to learn some thing from you. it will be highly appreciate if you advice, after learn html & css, what next? Thank you very much.
reply

How de we get MVS Explorer screen to display - same as yours at 1: 01. 50 - I assumed something in the View Menu, but then you mentioned Live Reload Extension - not found in extensions (File Open works OK.
reply

Am a complete beginner here. where do i put the folder for my new file also when he made a new file and named it index. html and open that said file in the browser i really dont know how he did that
reply

Just finished the whole course. Learnt so many things. I can't thank u enough!
Thanks Ad XDi
[A small query sir. How do u measure the white space and size of elements just with your mouse]

reply

I stumped when I got to css files, So im just watching this so I can advance myself.
(I also like to get the prize of 2k money for the person that creates a website for my school)

reply

What is that measuring tool that you are using? someone please tell me I definitely need that. like when he puts his cursor on the elements it automatically meassures lol
reply

This course is the best, I have ever had on HTML and CSS, thank you very much for the free course.
Can you do for javascript too, I appreciate your work.

reply

Live Server Does not show when searching in (Extensions / Online. Is there another way to get it installed as an extension or canyou recomend an alternative?
reply

the way you taught was amazing. please make a video on javascript, react js and react native, php it would be helpful for getting job or alteast internship.
reply

Best series I have ever gone through. And really appreciate the exercises and your love and dedication could be seen from start to end. Thank You: )
reply

i just love your teaching. looking forward for more courses.
also i want to know qhere can i take images for my website please let me know.

reply
Add a review, comment






Other channel videos