Introduction to HTML

Preview:

DESCRIPTION

Introduction to HTML. YLLSS - S3. HTML. HyperText Markup Language It uses tags( 標籤 ) to markup a web page A tag is like a label, it is used to present its properties, and it is in the form of “ < “ and “ > ” . e.g. . Understand the concept of HTML 1. - PowerPoint PPT Presentation

Citation preview

Introduction to HTML

YLLSS - S3

HTML HyperText Markup Language It uses tags( 標籤 ) to markup a web p

age A tag is like a label, it is used to presen

t its properties, and it is in the form of “<“ and “>”. e.g. <table>

Understand the concept of HTML 1

This is an object, we call it LAMP

LAMP

Understand the concept of HTML 1

Then, we put a tag on this object.

LAMP<turn on> </turn on>

Understand the concept of HTML 2

This is another object, we call it BOOK

BOOK

Understand the concept of HTML 2

Then, we put another tag on it.

BOOK<Open> </Open>

Understand the concept of HTML 3

Now, we add some information in it.

BOOK<Open page=10> </Open>

Understand the concept of HTML 4 Here, we can see that there

should be a lot of different tags for different purposes. And so as HTML, now, by doing the following exercise, try to know more on HTML.

Understand the concept of HTML 4 Use Notepad, write the

following codes and save it as temp.htm and then open it with I.E.

Understand the concept of HTML 4 Now, a tag <font> is added.

Understand the concept of HTML 4 In fact, we can create an object by HTML

code, e.g. <input> will generate an object for input.

Understand the concept of HTML 4 Now, add a property value

Understand the concept of HTML 4 In fact, the input type can be easily

changed from input box to a button, just as follows: