Let’s Practice HTML & CSS — 3

Ryan Kim
3 min readMar 5, 2020

--

The simplest way to practice HTML & CSS is doing clone codings

Slide 46

The same process triple times! You should refer to part 1 and part 2

Slide 47

Add two circles as we do in the index.html.

I recommend the class name should be intuitive when you build a class because you will manage codes easily.

Slide 48

What’s the translate X, Y?

The translate() CSS function repositions an element in the horizontal and/or vertical directions. Its result is a <transform-function> data type. This transformation is characterized by a two-dimensional vector. Its coordinates define how much the element moves in each direction.

I have no idea middle or high school in Vietnam teach 2-dimension function if do so, “translate X, Y” is the same concepts

Slide 49

Slide 50

Should I explain this part again? You must check my ex two posts of Let’s Practice HTML & CSS

Slide 51

The HTML<form> tag is a block element used to create an interactive section on a web page allowing visitors to submit information to a web server. It is useful for gathering contact information, taking surveys, or allowing users to leave comments.

Slide 52

Slide 53

Slide 54

Copy & Paste the Footer from the discover.html

Slide 55

Slide 56

Slide 57

So, my session ends. Thanks for participating here.

This is the small beginning of your web programming.

Studying programming languages will help you be better at your job, make more money, and be a happier, more fulfilled and more informed citizen, because you’ll learn to: Choose the most appropriate language for a given task. A programming language lets you express computational tasks in certain ways.

You can see all the “Let’s Practice HTML & CSS” Series, part 1, part 2, and part 3 (here).

Learn How To Build A Website In 1 Hour!

Reference : https://youtu.be/RZ-Oe4_Ew7g

--

--

Ryan Kim
Ryan Kim

No responses yet