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.

Slides:



Advertisements
Similar presentations
An Introduction to HTML What is HTML? Things to know about HTML Create your first web page Where to learn more.
Advertisements

DEPARTMENT OF INFORMATION STUDIES Andy Dawson LIS1510 Library and Archives Automation Issues Basics of XHTML Andy Dawson Department of Information Studies,
Hyper Text Markup Language.  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,
A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.
What is a Web Page? Web pages are a combination of text and graphics, wrapped in a special “markup” language. The markup language (Hypertext Markup Language.
Mark Dixon, SoCCE SOFT 131Page 1 20 – Web applications: HTML and Client-side code.
Made by: Dan Ye. Introduction Basic Last Page ☆ HTML stands for Hyper Text Markup Language; ☆ HTML is not a programming language, it is a markup language;
Web Page Development Identify elements of a Web Page Start Notepad
Creating your website Using Plain HTML. What is HTML? ► Web pages are authored in HyperText Markup Language (HTML) ► Plain text is marked up with tags,
 Definition of HTML Definition of HTML  Tags in HTML Tags in HTML  Creation of HTML document Creation of HTML document  Structure of HTML Structure.
Mr C Johnston ICT Teacher BTEC IT Unit 06 - Lesson 02 Types of Programming Language.
HTML & CSS A brief introduction. OUTLINE 1.What is HTML? 2.What is CSS? 3.How are they used together? 4.Troubleshooting/Common problems 5.More resources.
Did someone say Music? November 7, Adding MUSIC to a web page: 1. Find your music! 2. A good website is 3. You will.
Today’s Topic Language of web page - HTML (Hypertext Markup Language)
HTML.
CSCI 1101 Intro to Computers 7.1 Learning HTML. 2 Introduction Web pages are written using HTML Two key concepts of HTML are:  Hypertext (links Web pages.
Computing Theory: HTML Year 11. Lesson Objective You will: o Be able to define what HTML is - ALL o Be able to write HTML code to create your own web.
HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.
HTML I An Introduction to the Language of the Web Terry Bake
Web Design-Lecture1-QN-2003 Web Design Web Design Using HTML.
Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.
Hypertext Mark-Up Language Web Page Creation HTML.
Putting Applets into Web Pages.  Two things are involved in the process of putting applets onto web pages ◦ The.class files of the applet ◦ The html.
Enhancing Your Web Site—Adding Links Web Page **YOU MUST HAVE COMPLETED THE 1ST 3 WEB PAGES BEFORE YOU CAN DO THIS ONE. **YOU SHOULD HAVE COMPLETED THE.
HTML Concepts and Techniques Fourth Edition Project 12 Creating and Using XML Documents.
Introduction to HTML Vincci Kwong Reference/Instruction Librarian.
Week 1 – Beginners Content McAfee & Big Fish Games CoderDojo.
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Creating XHTML Documents Essentials for.
Ali Alshowaish. What is HTML? HTML stands for Hyper Text Markup Language Specifically created to make World Wide Web pages Web authoring software language.
McLean HIGHER COMPUTER NETWORKING Lesson 5 HTML Description of HTML web page Creating a simple HTML web page.
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
Introducing the World Wide Web Internet- a structure made up of millions of interconnected computers whose users communicate with each other and share.
Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.
Office 2003 Post-Advanced Concepts and Techniques M i c r o s o f t Access Project 7 Advanced Report and Form Techniques.
M Dixon 1 Tech HTML. M Dixon 2 Admin Attendance Register: –log in to your profile.
The Teacher Computing HTML HyperText Markup Language.
Quick Questions 1. What does HTML stand for? 2. What are the three main languages of the Web? 3. What is the purpose of the tags? 4. Why do we indent different.
Introduction to HTML Unit 3: E-business.
Creating Your Own Web Page Using HTML (HyperText Markup Language.
Introduction to Computer Engineering Lesson 5 Intro Eng1.
Invitation to Computer Science 6 th Edition Chapter 10 The Tower of Babel.
This shows CIS17 and the first day introduction..
Getting Started with HTML. HTML  Hyper Text Markup Language  HTML isn’t a program language, its known as a markup language  A Markup language has tags.
+ HTML Hypertext Markup Language. + Introducing HTML HTML is the language used in writing websites Open the “HTML Practice” link on the Daily Log Delete.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Your HTML website creating your first html file. Creating an HTML FIle Open note pad from accessories, programs. Write code. Save and view. In 3 Steps.
HTML: Hypertext Markup Language The language to make web pages 0.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
Behind every site is a mix of special languages that your web browser understands The main way of describing any website is HTML HTML stands for Hyper.
HTML-I Basic HTML Elements. HTML (Hyper Text Markup Language) HTML is a document layout and hyperlink- specification language. i.e. a language used to.
Using HTML. Glogger Glogger is like you own personal web page, you can add… Pictures Text Videos Music, etc… Modify and adjust anything you want Glogger.
Displaying Your Ideas on the Internet How to let everyone admire your project
1 Introduction to HTML. 2 Definitions  W W W – World Wide Web.  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web.
Introduction to HTML Hypertext Mark-up Language. HTML HTML = Hypertext Mark-up Language Is just plain simple text marked up by “tags” You can create a.
1 Committed to Shaping the Next Generation of IT Experts. Chapter 4: Online Publishing: Creating a Web Site Exploring Microsoft Office Publisher 2013 Robert.
Creating a webpage html coding
Creating a Successful Web Presence
HTML HYPERTEXT MARKUP LANGUAGE.
Unit 1 The Web Book Test.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Intro to Web Development Links
What is HTML?.
Hyperlinks 1 2.
HTML What is Html? HTML stands for Hypertext Markup Language.
WEB DESIGNING THROUGH HTML
An ABC Book by.
An ABC Book by.
An ABC Book by.
Hypertext Markup Language
A Summary of Some Key Points from Chapters
Presentation transcript:

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 “ ”. e.g.

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

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

Understand the concept of HTML 3 Now, we add some information in it. BOOK

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 is added.

Understand the concept of HTML 4 In fact, we can create an object by HTML code, e.g. 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: