Overview of Basic Languages: HTML, CSS, Java

Name: Overview of Basic Languages: HTML, CSS, Java
Author: Matthew Brown

This chapter will introduce Hyper Text Markup Language (HTML) and Content Style Sheets (CSS). This chapter will also introduce the Java programming language…

Preview the first lesson free — get full access to all 6 lessons.

Request a demo Sign in

Course: On-Demand

Hello, I'm Dr. Brown. And in this chapter, we will be taking a look at the basics of HTML, or hypertext markup language, CSS, cascading style sheets, and an introduction to Java programming. Let's begin with a look at the hypertext markup language, which is the foundation of all websites built today. HTML is a text markup language that consists of a series of defined tags. These tags are used to structure the content on a web page. We will be using the Notepad++ editor as displayed here to create our very first web page. HTML pages have a defined structure that uses a series of open and closed tags that are used to mark up text to be displayed on our website. We will begin by stating what type of document we're creating using DocType HTML tag. So we've entered the DocTyped specifier as an HTML document. All tags are enclosed in an open and closed caret symbol. Next, we will enter the next tag, which is the HTML tag, which incorporates the body of our webpage. As stated earlier, all opening tags have a closing tag. All closing tags are prefixed with the forward slash, so the contents of the rest of our website will be enclosed within this open and closed HTML tag. Next, we will specify that we have a body to this webpage by using the Body tag. Remember, all content tags must have an open and closing tag. As we build up the contents of our webpage, all of those contents will be enclosed within the body. Next, we want to change our webpage background color from white to powder blue. So we will set the style attribute background color within the Body tag to powder blue. So what we've done is within the Body tag, we've set the style attribute background color to powder blue. Now we're ready to start putting text on our webpage. So we we will enter the text this is my first web page, but we will enter it as a Level 1 header using a Level 1 header tag. And we will also center this text on our page by using the Center tag. All right, so we see here, we have the H1, Header 1 tag, the closing H1 header tag. We have the Center tag, which will center this text on our page, and the closing Center tag. I can stack tags on a single line. We just have to remember that our closing tags will be in reverse order. We now want to enter another line of text as a Level 2 header using the Level 2 header tag. We also want to center this as well. This text will state, oh the open road. As we see here, we have a Level 2 header that is centered. The text will state, oh the open road. We have our closing center tag followed by our closing Header 2 tag. Finally, we want to enter an image on our website because no website is complete without some image. So we will use the road JPEG image included in the course materials, and we will center this on the page as well. We will set the image source attribute as well as the alternate text, the width, and the height of the image. The image has to be in the same folder as where the web page is saved in order for it to be found. All right, we're gonna see we have the center, again, to center the image attribute. Source is set to road, that JPEG. The alternate text will be road. The width will be 500, and the height will be 600. And these are in pixels. Now we are ready to save and run our new web page. We have to make sure we save the webpage as an HTML document. So we will change our Save As type to HTML. And we're going to call this My First Web Page. And we can save the file. One thing that Notepad++ does is it highlights some of your keywords, such as style, source, alt, width, and height, lets you know that you've formatted this correctly. So now we will run our first web page. We have to locate the file that we saved, and we have to change the file type to All Files for it to find our HTML file. And we choose MyFirstWebPage.html. And we can see that we've created our very first web page. We have the Level 1 header text that states This is My First Web Page. We have the Level 2 header text, Oh The Open Road, and we have our image centered on our page. Thanks for joining. Next, we will be introduced to cascading style sheets and their use in our web development.

Beginner Provider : Matthew Brown 6 Lessons · 37m in Arabic, German, English, Spanish, French, Portuguese, Chinese

Course Description

This chapter will introduce Hyper Text Markup Language (HTML) and Content Style Sheets (CSS). This chapter will also introduce the Java programming language using a CLI and IDE interface. The chapter will also teach students how to incorporate Java JSP pages into a website.

What You'll Learn

Write basic HTML to structure web pages and apply web design fundamentals
Use Content Style Sheets (CSS) and incorporate them into web pages
Build basic Java programs using both a CLI and an IDE interface
Develop Java applications with the NetBeans Java IDE
Incorporate Java JSP pages into a website
Execute Java programs from HTML websites

Key Takeaways

The course introduces HyperText Markup Language (HTML) and Content Style Sheets (CSS) for web design.
It covers the Java programming language using both a command-line interface (CLI) and an IDE.
Learners practice the Java IDE workflow using NetBeans.
The course teaches how to incorporate Java JSP pages into a website.
Lessons demonstrate executing Java programs from HTML websites.

Frequently Asked Questions

What topics does this course cover?

It introduces HTML and Content Style Sheets (CSS), and the Java programming language using both a CLI and an IDE interface, including incorporating Java JSP pages into a website.

What skills will I gain from this course?

You will learn basic HTML coding, basic CSS usage, and how to write basic Java programs in both a CLI and an IDE, covering markup languages and Java scripting languages.

Does this course teach Java in a specific IDE?

Yes. The course teaches Java using the NetBeans Java IDE as well as a command-line interface (CLI).

Will I learn how to connect Java to a website?

Yes. The course teaches how to incorporate Java JSP pages into a website and how to execute Java programs from HTML websites.