Skip to main content

HOW TO CREATE A SIMPLE HTML WEBPAGE

OK, so I know how it is when your starting computer science; or are just curious about the IT field.

Then you come across a moment  when it seems like a super complicated field that only super genius's can do ; but in fact you are quite mistaken my friends for the IT  field is quite simplistic, and today i'm gonna give you an introductory on how to make a webpage in HTML which unless you don't  know actually stands for HYPER.TEXT.MARKUP.LANGUAGE.

STEP 1. OK, I personally recommend that you download notepad++  from  https://notepad-plus-plus.org/ it's a free software and it'll make it easier to see the syntax.



STEP 2. so basically just copy the following coding script, then paste it on notepad.




<html>
<head>
<title>EGIMA</title>
</head>
<body bgcolor="#0000F301B" text="#10110109A">
<h1>EGIMA SE HTML Webpage</h1>
<h2>SE</h2>
<h3>this is a simple webpage made with html</h3>
<h4>HTML stands for hypertext markup language</h4>
<h5>html webpages are mainly constituted with tags</h5>
<h6>this is very easy everyone can do it</h6>
<u>NEGIMA</u> </br></p>
</br>
<a href="https://cse.google.com/cse/publicurl?cx=012287212621486144999:5bm5wpwu7dm" style="color:#100101000">GOOGLE CUSTOM SE</a>
</br>
</body>
</html>


STEP 3. now all you need to do is go to file then save it as a .html document, then run it and it should work

and now you have, so basically, all your doing to build a webpage like the one you just did is use a bunch of tags, then name em and you're done.









Comments

Popular posts from this blog

HOW TO MAKE ARTIFICIAL INTELLIGENCE WITH NOTEPAD++

OK so when you hear artificial intelligence you automatically think a super high-tech robot; well today i'm gonna show just how simple artificial intelligence actually is.

STEP 1: open notepad++ and copy the following code.
fname=inputbox ("komichiwa")
fname=inputbox ("i am ASUNA")
fname=inputbox ("whats your name")
fname=inputbox ("thats a good name")
fname=inputbox ("do you like anime or manga?")
fname=inputbox ("thats cool")
fname=inputbox ("pi=3.14")
fname=inputbox ("4*8=?")
fname=inputbox ("32")
fname=inputbox ("what is the capital of RUSSIA")
fname=inputbox ("MOSCOW")
fname=inputbox ("what is BERLIN")
fname=inputbox ("the capital of GERMANY")
fname=inputbox (" i^5=?")
fname=inputbox ("i")
fname=inputbox ("what is your favorite anime?")
fname=inputbox ("cool!!")
fname=inputbox ("what is your favorite manga")
fname=inp…

How to make cool HTML animations

today we"ll be doing html animations. although animation is considered quite difficult its actually fairly simple. And as always just copy the code and if you have any issues or concerns just comment and we"ll get right back to you.image as backgroundAWESOME!!AWESOME!!AWESOME!!AWESOME!!ALWAYS LEARN AT WIRED2TECH!!ALWAYS LEARN AT WIRED2TECH!!ALWAYS LEARN AT WIRED2TECH!!ALWAYS LEARN AT WIRED2TECH!! check out wired2tech where youll always learn something new and usefull:) AWESOME!!AWESOME!!AWESOME!!









<!DOCTYPE html> <html> <head> <title>image as background</title>  <marquee behavior="alternate">AWESOME!!</marquee>  <marquee behavior="alternate">AWESOME!!</marquee>  <marquee behavior="alternate">AWESOME!!</marquee>  <marquee behavior="alternate">AWESOME!!</marquee>  <marquee behavior="alternate">ALWAYS LEARN AT WIRED2TECH!!</marquee>  <marquee beha…

Animated HTML Dialog

CODE:

"HTML"


<html>
<body>

<h1>ANIMATED TEXT JS</h1>

<button onclick="typeWriter()">ACTIVATE</button>

<style>
@import url('https://fonts.googleapis.com/css?family=Press+Start+2P');
</style>
<link rel="stylesheet" href="css13.css">
<body style ="background-color: orange;">

<p id="OPEN"></p>

<script>
var a = 0;
var text = 'VISIT WIRED2TECH.ORG TO LEARN TO CODE.This project was made by: Mohammed Ibrahim Mirza Beig.This project used the font "Press Start 2P" which is licensed under the open font license and was obtained from google fonts.';
var frameSD = 60;
function typeWriter() {
  if (a < text.length) {
    document.getElementById("OPEN").innerHTML += text.charAt(a);
    a++;
    setTimeout(typeWriter, frameSD);
  }
}
</script>
</body>
</html>


"CSS"

h1{ color:gold; -webkit-text-fill-…