There are many good ways to make sites, but one of the easiest ways is to use html and css.
First, you have to download Visual Studio Code.
After that, you have to create a file.
first use the exclamation point and hold it and press enter at the same time to make basic code for you website
Next, add a header. You use the h1 tag then type your message to create the header.
Make sure that everything is in the body tag.
Next, use the p tag to type a paragraph.
When you want to style your page, use the style tag. this is how you can do CSS code.
You can use the "{" symbol to contain certain elements such as
"p { color: #1026f1; }"
When this code is put into a style tag, it changes the color of the text.
The code for this apple image is: "img src="Fresh-Red-Delicious-Apple-Each_7320e63a-de46-4a16-9b8c-526e15219a12_3.e557c1ad9973e1f76f512b34950243a3.avif" iframe height="500" width="1000"/>"
if you would like to change this apple image for any other image just copy and past the code of the image you would like to put and replace the apple code with whatver the code is of your image between the quotation marks after the "=" sign
If you would like to add some color for text/background color copy this code for your website
background: #00fff2; font-size:22px; line-height: 32px; color: #000000; word-wrap:break-word !important; font-family: 'Open Sans', sans-serif; } h1 { font-size: 60px; text-align: center; color: #ff0000; } h3 { font-size: 30px; text-align: center; color: #ff0000; } h3 a { color: #ff0000; } a { color: #ff0000; } h1 { margin-top: 100px; text-align:center; font-size:60px; font-family: 'Bree Serif', 'serif'; } img { align-self: center; } #container { margin: 0 auto; } p { text-align: center; color: #ff0000; } nav { margin: 50px 0; background-color: hsl(234, 97%, 47%); } nav ul { padding: 0; margin: 0; list-style: none; position: relative; } nav ul li { display:inline-block; background-color: #1026f1; } nav a { display:block; padding:0 10px; color:#FFF; font-size:20px; line-height: 60px; text-decoration:none; } nav a:hover { background-color: #000000; }
just copy this code and you can choose whatver color you want for your background and text color make sure to add 'style' on the top and bottom of the code for the color like this
And thats how you make a simple websites with some color easy if you want to make a more complex website then research and make a cool website
and This
And thats how you make a simple websites with some color easy if you want to make a more complex website then research and make a cool website