The HyperText Markup Language (HTML) is the standard markup language it layout is style in CSS which Cascading Style Sheets and scripting languages such as JavaScript.





HTML and CSS


https://www.youtube.com/watch?v=enBAFo2kEfE


https://www.youtube.com/watch?v=G-Cr00UYokU

Material UI


https://www.youtube.com/watch?v=lKZiXQWnlUw


React



https://www.youtube.com/watch?v=Ke90Tje7VS0


Vuejs


https://www.youtube.com/watch?v=kcS1zGeVFd4



Tools

Vs code
Nodejs

For more knowledge visit the following site

w3schools
Tutorialpoint
Udemy
Sololearn
Pluaralsight

Treehouse
Etc

Brainmer:
The HyperText Markup Language (HTML) is the standard markup language it layout is style in CSS which Cascading Style Sheets and scripting languages such as JavaScript.





HTML and CSS


https://www.youtube.com/watch?v=enBAFo2kEfE


https://www.youtube.com/watch?v=G-Cr00UYokU

Material UI


https://www.youtube.com/watch?v=lKZiXQWnlUw


React



https://www.youtube.com/watch?v=Ke90Tje7VS0


Vuejs


https://www.youtube.com/watch?v=kcS1zGeVFd4



Tools

Vs code
Nodejs

I've been using notepad to practice web design for some time now, but I'm having an issue, I don't know if it's because of the notepad I'm using but I'm currently finding it difficult to place a pic on my website using css after successfully linking the html file to the css file, any advise?

ciro11:


I've been using notepad to practice web design for some time now, but I'm having an issue, I don't know if it's because of the notepad I'm using but I'm currently finding it difficult to place a pic on my website using css after successfully linking the html file to the css file, any advise?

Go to the file explorer and add the image in asset folder. I suggest you do it manually before code . By copying and pasting the Image then write the Code .

Brainmer:


Go to the file explorer and add the image in asset folder. I suggest you do it manually before code . By copying and pasting the Image then write the Code .

okay, thanks.
I'll try it

Brainmer:


Go to the file explorer and add the image in asset folder. I suggest you do it manually before code . By copying and pasting the Image then write the Code .

I also want to add background pics to my <h1> header. I was unable to position the image on the header note.
I added the background pics using the internal css code in the header.

<style>
h1 {
background url("my image" no-repeat 0 0;

}
</Style>

aumeehn:

I also want to add background pics to my <h1> header. I was unable to position the image on the header note.
I added the background pics using the internal css code in the header.

<style>
h1 {
background url("my image" no-repeat 0 0;

}
</Style>

The path of the folder can be asset/icon.jpg depending on your code structure the path is the URL. Or u can use image from a link.

h1 {
background-image: url("image/icon.png" ) ;
background-repeat: no-repeat;


}

Brainmer:



The path of the folder can be asset/icon.jpg depending on your code structure the path is the URL. Or u can use image from a link.

h1 {
background-image: url("image/icon.png" ) ;
background-repeat: no-repeat;


}

The issue is not the code. I want to position it on the center

aumeehn:
The issue is not the code. I want to position it on the center

add this to d style { background-position:center; }

aumeehn:

The issue is not the code. I want to position it on the center

Align it to Left ,right or center.


background-attachment: fixed;
background-position: center;

https://www.w3schools.com/cssref/pr_background-position.asp

Brainmer:


Align it to Left ,right or center.


background-attachment: fixed;
background-position: center;

https://www.w3schools.com/cssref/pr_background-position.asp

Thanks alot. Found a comprehensive tutorial on geekforgeeks website.

etoluw:


add this to d style { background-position:center; }

thanks alot

Ọmọ! Someone up there says they are writing HTML/CSS with notepad! That's damn too difficult in my opinion. You spend valuable time cramming stuff that you don't need to cram. Get an IDE. Get an IDE real quick. VS Code at the least. Absolutely no need to suffer yourself these days

airsaylongcome:
Ọmọ! Someone up there says they are writing HTML/CSS with notepad! That's damn too difficult in my opinion. You spend valuable time cramming stuff that you don't need to cram. Get an IDE. Get an IDE real quick. VS Code at the least. Absolutely no need to suffer yourself these days

Hmm

Dangrace01:

Hmm

. His right, using a text editor makes it fustrating. An IDE will do the job.