Programming with HTML
Welcome to HTML. As mentioned in the introduction, HTML is a programming language that provides the framework for a program. On this page, I will be taking you through the basics of HTML, teaching you to make links, images, text, and more using HTML. HTML is an acronym, and stands for HyperText Markup Language. Now lets get this thing started!
By the way, to test your programs, open the file into google chrome. This only works for HTML files so don't try it with any other languages.
On the right shows the basic format of an html program. The first line of code simply explains to the platform that you are using html. On line 2 is the html tag, and you can see that the html tag is repeated on the last line, except there is a slash before the html. This is known as a closing tag, and almost all the different tags(<something>) must have a closing tag beneath it. Between the two html tags are the head and body tags. These are simply the different section of the code, and only the body appears on the page itself. Note that both of these have closing tags. One final tag has been added, which is the title tag. The title tag contains the first actual text, but that text doesn't actually appear on the page. Instead, it is the text shown in the tab menu, as shown below.
--------------------------------------------------------------------------------------------------------------------------
The first thing that I'm going to show you is the h tag. These tags are situated in the body and can be anything from h1 to h6, depending on the size that you're looking for(the other part in the head is unnecessary unless you are using CSS and Javascript, which we are not). The h1 tag is often used as a title, because it is the largest out of the six, and the rest get smaller and smaller until they reach h6. Below is the result of the code on the left. This shows how the different levels of the h tag get smaller and smaller.
Please note that <h> tags, or heading tags, can only be used up to <h6>. For example, if you attempted to use <h9> in a program, the result would be a syntax error.
--------------------------------------------------------------------------------------------------------------------------
By the way, to test your programs, open the file into google chrome. This only works for HTML files so don't try it with any other languages.
On the right shows the basic format of an html program. The first line of code simply explains to the platform that you are using html. On line 2 is the html tag, and you can see that the html tag is repeated on the last line, except there is a slash before the html. This is known as a closing tag, and almost all the different tags(<something>) must have a closing tag beneath it. Between the two html tags are the head and body tags. These are simply the different section of the code, and only the body appears on the page itself. Note that both of these have closing tags. One final tag has been added, which is the title tag. The title tag contains the first actual text, but that text doesn't actually appear on the page. Instead, it is the text shown in the tab menu, as shown below.--------------------------------------------------------------------------------------------------------------------------
The first thing that I'm going to show you is the h tag. These tags are situated in the body and can be anything from h1 to h6, depending on the size that you're looking for(the other part in the head is unnecessary unless you are using CSS and Javascript, which we are not). The h1 tag is often used as a title, because it is the largest out of the six, and the rest get smaller and smaller until they reach h6. Below is the result of the code on the left. This shows how the different levels of the h tag get smaller and smaller.
Please note that <h> tags, or heading tags, can only be used up to <h6>. For example, if you attempted to use <h9> in a program, the result would be a syntax error.
--------------------------------------------------------------------------------------------------------------------------
Comments
Post a Comment