130 likes | 236 Views
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. <table>. Understand the concept of HTML 1.
E N D
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. <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: