javascript in html

When we design the website, we need to use css and html together. html, css and javascript are the most important languages for those who are trying to get in front-end web development field. The following is the very basic sample of html and css.

Adding script between <head> and </head>

<html>
<head>
<title>TNW (Web Service & ICT Solutions)</title>
<script>
var txt = "<b>Welcome to TNW (Web Service & ICT Solutions)!</b><br /><br /> TNW provides the best ICT Solutions for your business by the reasonable price.";
function myFun(){
document.getElementById("demo").innerHTML = txt;
}
</script>
</head>
<body>
<p id = "demo">TNW</p>
<button type = "button" onclick = "myFun()">Click Here</button>
</body>
</html>

Open notepad or text editor and write the above codes. Then, save it as test.html and try to open by one of the browsers on your computer.

 
Adding Script between <body> and </body>
<html>
<head>
<title>TNW (Web Service & ICT Solutions)</title>
</head>
<body>
<p id = "demo">TNW</p>
<button type = "button" onclick = "myFun()">Click Here</button>
<script>
var txt = "<b>Welcome to TNW (Web Service & ICT Solutions)!</b><br /><br /> TNW provides the best ICT Solutions for your business by the reasonable price.";
function myFun(){
document.getElementById("demo").innerHTML = txt;
}
</script>
</body>
</html>

Open notepad or text editor and write the above codes. Then, save it as test.html and try to open by one of the browsers on your computer.

💬 Comment 🔗 Get link

ZilaStar ICT Feb 07 2020, 04:00:36

css in html

When we design the website, we need to use css and html together. html, css and javascript are the most important languages for those who are trying to get in front-end web development field. The following is the very basic sample of html and css.

<!DOCTYPE html>
<html>
<head>
<title>T N W</title>
<style type="text/css">
p{color:red; background:black; width: 200 px;}
</style>
</head>
<body>
<p>Hello, This is HTML Testing!</p>
</body>
</html>

💬 Comment 🔗 Get link

ZilaStar ICT Feb 06 2020, 03:05:46

html links

<!DOCTYPE html>
<html>
<head>
<title>TNW (Web Service & ICT Solutions)</title>
</head>
<body>
<p><a href = "https://zilastar.com/index.php?view=category&id=8">Computer Service</a></p>
<p><a href = "https://zilastar.com/index.php?view=category&id=11">Networking Service</a></p>
</body>
</html>

💬 Comment 🔗 Get link

ZilaStar ICT Dec 13 2019, 10:40:10

Start embedding css in html

<!DOCTYPE html>
<html>
<head>
<title>TNW (Web Service & ICT Solutions)</title>
<style>
p{
color: red;
font-weight: bold;
}
</style>
</head>
<body>
<p>Page 1</p>
<p>Page 2</p>
</body>
</html>

 
Write the above codes and save it as test.html in somewhere. Try to open that file by double clicking and you will find it working.

💬 Comment 🔗 Get link

ZilaStar ICT Dec 13 2019, 10:31:53

HTML Development Environments

HTML development can be done in notepad that comes along with Windows, text editors, IDE Software and WYSIWYG (What You See Is What You Get).

💬 Comment 🔗 Get link

ZilaStar ICT Dec 13 2019, 09:39:03

What is HTML

HTML is Hypertext Markup Language. It is a standard markup language. It describes the structure of the web page and defines the contents. It is a language should be firstly learned for those who start to learn web programming.

💬 Comment 🔗 Get link