1 / 12

HTML Hyper Text Markup Language

HTML Hyper Text Markup Language. 7/9/2007 Eun Cho. What is an HTML File?. HTML stands for H yper T ext M arkup L anguage An HTML file is a text file containing small markup tags The markup tags tell the Web browser how to display the page

alize
Télécharger la présentation

HTML Hyper Text Markup Language

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. HTMLHyper Text Markup Language 7/9/2007 Eun Cho

  2. What is an HTML File? • HTML stands for Hyper Text Markup Language • An HTML file is a text file containing small markup tags • The markup tags tell the Web browser how to display the page • An HTML file must have an htm or html file extension • An HTML file can be created using a simple text editor @ YUST

  3. Simple Example <html> <head> <title>인터넷 공학</title> </head> <body> 간단한 예제 홈페이지 입니다. <br> <b>글씨의 굵기가 굵어집니다.</b> </body> </html> @ YUST

  4. Basic HTML Tags • Tag Description • <html>Defines an HTML document • <body>Defines the document's body • <h1> to <h6>Defines header 1 to header 6 • <p>Defines a paragraph • <br>Inserts a single line break • <hr>Defines a horizontal rule • <!-->Defines a comment @ YUST

  5. HTML Links • HTML uses a hyperlink to link to another document on the Web. • Create hyperlinks • An image as a link • Open a link in a new browser window • Link to a location on the same page • Create a mailto link @ YUST

  6. HTML Images • With HTML you can display images in a document. • Insert images • Insert images from different locations • Background image • Adjust images to different sizes • Make a hyperlink of an image • Create an image map • Turn an image into an image map @ YUST

  7. HTML Tables • With HTML you can create tables. • TablesThis example demonstrates how to create tables in an HTML document. • Table bordersThis example demonstrates different table borders. @ YUST

  8. HTML Lists • HTML supports ordered, unordered and definition lists. • An unordered listThis example demonstrates an unordered list. • An ordered listThis example demonstrates an ordered list. @ YUST

  9. HTML Colors • Colors are displayed combining  RED, GREEN, and BLUE light sources. • HTML Color Values • HTML Color Names @ YUST

  10. HTML Frames • With frames, you can display more than one Web page in the same browser window. • Vertical frameset • Horizontal frameset @ YUST

  11. Text fields Password fields Checkboxes Radio buttons Simple drop down box Textarea Create a button Form with input fields and a submit button Form with checkboxes Form with radio buttons Send e-mail from a form HTML Forms and Input Ref.:http://www.w3schools.com/html/html_forms.asp @ YUST

  12. Reference • http://www.w3schools.com • http://www.w3c.com • http://www.wikipedia.com/html @ YUST

More Related