Did you ever wonder, What is the difference between HTML, CSS and a Programming Language?
<HTML>
HTML document HTML stands for “Hypertext Markup Language. I’m going to type “Hello From UltraWeb” and I’m going to save the document as test.html.
You’ll notice that when you view that HTML document in a browser it’s as simple as a text document with the extension HTML.
There are many standard HTML tags that you could use. One of them is called an <H1>. If we put <H1>around <H1>Hello From UltraWeb</H1> and we save you’ll notice that it makes it a larger font and it’s a different font style as well.
<h1>Hello From UltraWeb</h1>
There are several different tags in HTML. A document that’s all HTML is only a static web-based document, there’s no intelligence behind the code.
<CSS>
Then there’s what’s called CSS. You use it to style the HTML. CSS can be included inside the HTML tag.
<h1 style=”color:red;”>Hello From UltraWeb</h1>
It can also be added to the top of the page and then called as a class inside each tag.
<style>
Red_style{
color:red;
}|
</style>
<h1 class=”red_style”>Hello From UltraWeb</h1>
Or you can write your CSS styles in an external .css file which is included into each document where you want to use the styles included in the .css file.
<link rel=”stylesheet” type=”text/css” href=”mystyle.css“>
<h1 class=”red_style”>Hello From UltraWeb</h1>
<Programming Language>
A programming language is used when you want to add intelligence or user interaction to your web page.
There are several different programming languages but they all use the same basic concepts.
In order to understand better I recommend that you watch the video above. I will include the code used in the video in the area below.
<style>
.red{
font-family: cursive;
color: red;
}
.green{
font-family: fantasy;
color: green;
font-size: 18px;
}
</style>
<h1 class=”red“>Hello From UltraWeb</h1>
<p><span class=”green“>This is the Green Text</span></p>
<p><span class=”green“>This is the Green Text</span></p>
<p><span class=”green“>This is the Green Text</span></p>
<p><span class=”green“>This is the Green Text</span></p>
<p><span class=”green“>This is the Green Text</span></p>
<p><span class=”green“>This is the Green Text</span></p>
<!– This s ColdFusion –>
<cfparam name=”form.the_name“ default=””>
<!– This IS HTML –>
<cfoutput>
<h1>#form.the_name# is the name!</h1>
<form method=“post” action=“test.cfm“>
<input type=”text” name=”the_name” value=”” placeholder=”Your Name“>
<input type=”submit” value=”Go“>
</form>
</cfoutput>
