Hello World!

Hello, cool world! Hello, world wide web! When you are learning a programming language, always put, "hello, world" on the screen first, ok?

Use HTML Lists to Markup Your Text

In your content, there may be lists. To markup the lists semantically, use the ul tag. Inside the ul tag, use the li tag to specify the items is your list.

Use the HTML img Tag

Web pages may have images. To put and image in a web page, use the img tag. The img tag has an attribute named src that you will have to use. Put the attribute in the tag. It goes after the name of the tag. The img tag ought to have the alt attribute, too. This gives information about the img.

Specifying the alt attribute makes the image more accessible. If a person is using a web browser that does not show pictures, the alt message will display, instead.

Semantics and the HTML p Tag

The headings of a page are followed by paragraphs. The p tag is used to mark up a paragraph. When you use a p tag to markup a paragraph of text, it is semantically marked up. When markup is sematic, it is more usable, and accessible.

The HTML Headings and h1

Every web page must have a main heading. To markup a heading in HTML, use the h1 tag. There should be only one h1 tag on a single page.

Make another HTML Web Page

In this post, let's look at another HTML page. It has all the parts that a common HTML page has.

Make your own First Web Page

Get the CODE:

HTML Template Code

Put an Image in an HTML Page

To put an image in an html page. Use the img tag. In the src attribute, specify where the image is coming from. Set the url of the image that you want.

Make and HTML Hello World! FIle

If you want to make a hello world! file for HTML. Type the code in a text editor. You may use notepad, if you are on windows. Save the file. View it in a web browser.


HTML is not case-sensitive. You may type doctype or DOCTYPE.

See the source CODE!

Make HTML Blank Template

To create a blank HTML file, type this code into a text editor. You may use notpad, if you are on windows. Save the file as a .html file(e.g., index.html). You may use a web browser to view the web page.

Make an HTML Web Page

HTML means Hyper Text Markup Language. It is used to make web pages. In HTML there are tags. The tags tell a web browser how to display a part of a page. A tag has a name, which is a keyword. A keyword is a word that is used by HTML itself. It has meaning to the language. The tag name is in angle brackets. It is the first word in the bracket.

. Type the page into a text editor(e.g., notepade, on windows). Then, save the page as .html. Open the page in a web browser. A web browser is, too, called an HTML browser.

See the CODE in action!

Make and HTML Heading

HTML means Hyper Text Markup Language. It is used to make web pages. In HTML there are tags. The tags tell a web browser how to display a part of a page. A tag has a name, which is a keyword. A keyword is a word that is used by HTML itself. It has meaning to the language. The tag name is in angle brackets. It is the first word in the bracket.


. In this example, there is a heading tag. A heading tag lets you separate some text on the page as a header. The headers have six levels. Level One is the highest level. A this level your heading will be very big. Level six is the lowest level heading. If you set your heading to level six, the heading will be very small.

A heading tells what a paragraph is about. It tells what the text that follows is is about.

Make an HTML Paragraph

HTML means Hyper Text Markup Language. It is used to make web pages. In HTML there are tags. The tags tell a web browser how to display a part of a page. A tag has a name, which is a keyword. A keyword is a word that is used by HTML itself. It has meaning to the language. The tag name is in angle brackets. It is the first word in the bracket.


. In this example, there is a p tag. A p tag makes a paragraph. It separates a page to have a  paragraph of text.

Inside the p tag is an inline tag. It is the cite tag. The site tag lets you give a visual clue to the user that the text is a citation.

Block level tags have a break inserted before and after them, by the browser. Inline elements do not.

Make an HTML Hyperlink

HTML means Hyper Text Markup Language. It is used to make web pages. In HTML there are tags. The tags tell a web browser how to display a part of a page. A tag has a name, which is a keyword. A keyword is a word that is used by HTML itself. It has meaning to the language. The tag name is in angle brackets. It is the first word in the bracket.

A tag may have attributes. An attribute comes after the tag name. It has a name, then and
equals sign, then the value of the attribute. The value of the attribute must be inside
quotation marks:


. In this example, there is a link tag. A hyperlink sends a user to another page, when it is clicked. The tag name is a. The tag name is followed by an attribute, href. The href attribute of a hyperlink specifies where the user will go when they click on it.