1 / 13

Introduction to HTML

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.

kennedy-wilcox
Download Presentation

Introduction to HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Introduction to HTML YLLSS - S3

  2. 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>

  3. Understand the concept of HTML 1 This is an object, we call it LAMP LAMP

  4. Understand the concept of HTML 1 Then, we put a tag on this object. LAMP <turn on> </turn on>

  5. Understand the concept of HTML 2 This is another object, we call it BOOK BOOK

  6. Understand the concept of HTML 2 Then, we put another tag on it. BOOK <Open> </Open>

  7. Understand the concept of HTML 3 Now, we add some information in it. BOOK <Open page=10> </Open>

  8. 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.

  9. 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.

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

  11. 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.

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

  13. Understand the concept of HTML 4 • In fact, the input type can be easily changed from input box to a button, just as follows:

More Related