Computer Programming. Dr. Deepak B Phatak Dr. Supratik Chakraborty Department of Computer Science and Engineering IIT Bombay

Size: px
Start display at page:

Download "Computer Programming. Dr. Deepak B Phatak Dr. Supratik Chakraborty Department of Computer Science and Engineering IIT Bombay"

Transcription

1 Computer Programming Dr. Deepak B Phatak Dr. Supratik Chakraborty Department of Computer Science and Engineering Session: Lists, Links, and Images in HTML

2 Recap Introduced HTML Examined some basic tags

3 Overview of This Lecture Lists Ordered Unordered Definition Images Hyperlinks Text Images For more Information

4 Ordered Lists Numbered List <ol type= x start= n > </ol> x can be 1, I, i, a, A, etc. n has to be a number, defining the starting point (Default is 1). Items <li> </li> <ol type= a start= 4 > <li> </li>. </ol> <li> </li>

5 Ordered Lists <ol type="i"> <li> while </li> <li> for </li> <li> do...while </li> </ol> i. while ii. for iii. do...while <ol type="a" start="3"> <li> while </li> <li> for </li> <li> do...while </li> </ol> c. while d. for e. do while

6 Example: Ordered List <html> <head> <title> Topics in C+ +</title> </head> <body> <h1 style="color:red" align="center"> Topics in C++ </h1>.. </body> </html> <ol type="i"> <li> Iterative Solutions </li> <ol type="a"> <li> while </li> <li> for </li> <li> do...while </li> </ol> <li> Functions </li> <ol type="1"> <li> Pass by reference </li> <li> Pass by value </li>

7 Example: Ordered List <html> <head> <title> Topics in C++ </title> </head> <body> <h1 style="color:red" align="center">topics in C++</h1> <ol type="i"> <li> Iterative Solutions </li> <ol type="a"> <li> while </li> <li> for </li> <li> do...while </li> </ol> <li> Functions </li> <ol type="1"> <li> Pass by reference </li> <li> Pass by value </li> <li> Recursive </li> </ol> </ol> </body> </html>

8 Unordered Lists Bulleted List <ul type= x > </ul> x can be disc, square, and circle. Default is disc type= x is deprecated in HTML5 Items <li> </li> <ul type= x > <li> </li>. <li> </li> </ul>

9 Unordered Lists <ul type="square"> <li> while </li> <li> for </li> <li> do...while </li> </ul> while for do while <ul type="circle"> <li> while </li> <li> for </li> <li> do...while </li> </ul> o while o for o do while

10 Example : Unordered List <html> <head> <title> Unordered Lists </title> </head> <body> <h1 style="color:red" align="center"> Unordered Lists </h1>.. </body> </html> <ul type="disc"> <li> Iterative Solutions </li> <ul type="square"> <li> while </li> <li> for </li> <li> do...while </li> </ul> <li> Functions </li> <ul type="circle"> <li> Pass by reference </li> <li> Pass by value </li>

11 Example : Unordered List <html> <head> <title> Topics in C++ </title> </head> <body> <h1 style="color:red" align="center">topics in C++ </h1> <ul type="disc"> <li> Iterative Solutions </li> <ul type="square"> <li> while </li> <li> for </li> <li> do...while </li> </ul> <li> Functions </li> <ul type="circle"> <li> Pass by reference </li> <li> Pass by value </li> <li> Recursive </li> </ul> </ul> </body> </html>

12 Definition List <dl> </dl> Defines definition list <dt> </dt> Defines terms of the list <dd> </dd> Describes each term <dl> <dt> </dt> <dd> </dd> <dd>... </dd> </dl>

13 Example : Definition List <html> <head> <title> Unordered Lists </title> </head> <body> <h1 style="color:red" align="center"> Unordered Lists </h1>.. </body> <dl> <dt> Iterative Solutions </dt> <dd> while </dd> <dd> for </dd> <dd> do...while </dd> <dt> Functions </dt> <dd> Pass by reference </dd> <dd> Pass by value </dd> <dd> Recursive </dd> </dl>

14 Example : Definition List <html> <head> <title> Topics in C++ </title> </head> <body> <h1 style="color:red" align="center"> Topics in C++ </h1> <dl> <dt> Iterative Solutions </dt> <dd> while </dd> <dd> for </dd> <dd> do...while </dd> <dt> Functions </dt> <dd> Pass by reference </dd> <dd> Pass by value </dd> <dd> Recursive </dd> </dl> </body> </html>

15 Hyperlinks <a href= URL > text </a> Defines a hyperlink Could Be a Local or Remote File text Becomes a hot spot <html> <head> <title> Hyperlinks </title> </head> <body> <a href=" Click here for Wiki Article </a> </body> </html>

16 Example: Hyperlinks <html> <head> <title> Hyperlinks </title> </head> <body> <a href=" Click here for Wiki Article </a> </body> </html> Before Clicking the hyperlink After Clicking the hyperlink

17 Images <img src= URL alt= Text" style="width:npx;height:mpx;> URL: the filename and extension of image. If Image is not present in the same directory, Mention entire path along with filename Text: Alternate text to be displayed on Mouse hover Npx: Width of the image in pixels Mpx: Height of the image in pixels

18 Example: Images <html> <head> <title> Images </title> </head> <body> <img src="flower1.jpg" alt="purple flower" style="width:270px;height:199px;"> <br /><br /> <a href=" <img src="flower2.jpg" alt= daisy" style="width:200px;height:139px;" border="2"> </a> </body> </html> The 2nd picture is taken from:

19 Example: Images <html> <head> <title> Images </title> </head> <body> <img src="flower1.jpg" alt="purple flower" style="width:270px;height:199px;"> <br /><br /> <a href=" <img src="flower2.jpg" alt= daisy" style="width:200px;height:139px;" border="2"> </a> </body> </html> The 2nd picture is taken from:

20 Summary Lists Ordered Unordered Definition Images Hyperlinks Text Images For more Information

HTML offers web authors three ways for specifying lists of information. All lists must contain one or more list elements. Lists may contain:

HTML offers web authors three ways for specifying lists of information. All lists must contain one or more list elements. Lists may contain: HTML LISTS http://www.tutorialspoint.com/html/html_lists.htm Copyright tutorialspoint.com HTML offers web authors three ways for specifying lists of information. All lists must contain one or more list

More information

HTML Images - The <img> Tag and the Src Attribute

HTML Images - The <img> Tag and the Src Attribute WEB DESIGN HTML Images - The Tag and the Src Attribute In HTML, images are defined with the tag. The tag is empty, which means that it contains attributes only, and has no closing tag.

More information

A HTML document has two sections 1) HEAD section and 2) BODY section A HTML file is saved with.html or.htm extension

A HTML document has two sections 1) HEAD section and 2) BODY section A HTML file is saved with.html or.htm extension HTML Website is a collection of web pages on a particular topic, or of a organization, individual, etc. It is stored on a computer on Internet called Web Server, WWW stands for World Wide Web, also called

More information

Fundamentals of Web Technologies. Agenda: HTML Links 5/22/2017. HTML Links - Hyperlinks HTML Lists

Fundamentals of Web Technologies. Agenda: HTML Links 5/22/2017. HTML Links - Hyperlinks HTML Lists ITU 07204: Fundamentals of Web Technologies Lecture 6: HTML Links & Lists Dr. Lupiana, D FCIM, Institute of Finance Management Semester 2 Agenda: HTML Links - Hyperlinks HTML Lists 2 HTML Links A hyperlink

More information

As we design and build out our HTML pages, there are some basics that we may follow for each page, site, and application.

As we design and build out our HTML pages, there are some basics that we may follow for each page, site, and application. Extra notes - Client-side Design and Development Dr Nick Hayward HTML - Basics A brief introduction to some of the basics of HTML. Contents Intro element add some metadata define a base address

More information

The internet is a worldwide collection of networks that link millions of computers. These links allow the computers to share and send data.

The internet is a worldwide collection of networks that link millions of computers. These links allow the computers to share and send data. Review The internet is a worldwide collection of networks that link millions of computers. These links allow the computers to share and send data. It is not the internet! It is a service of the internet.

More information

Hyper Text Markup Language HTML: A Tutorial

Hyper Text Markup Language HTML: A Tutorial Hyper Text Markup Language HTML: A Tutorial Ahmed Othman Eltahawey December 21, 2016 The World Wide Web (WWW) is an information space where documents and other web resources are located. Web is identified

More information

Introduction to Computer Science (I1100) Internet. Chapter 7

Introduction to Computer Science (I1100) Internet. Chapter 7 Internet Chapter 7 606 HTML 607 HTML Hypertext Markup Language (HTML) is a language for creating web pages. A web page is made up of two parts: the head and the body. The head is the first part of a web

More information

What You Will Learn Today

What You Will Learn Today CS101 Lecture 03: The World Wide Web and HTML Aaron Stevens 23 January 2011 1 What You Will Learn Today Is it the Internet or the World Wide Web? What s the difference? What is the encoding scheme behind

More information

recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML)

recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML) HTML & Web Pages recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML) HTML specifies formatting within a page using tags in its

More information

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space.

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space. HTML Summary Structure All of the following are containers. Structure Contains the entire web page. Contains information

More information

CSC 121 Computers and Scientific Thinking

CSC 121 Computers and Scientific Thinking CSC 121 Computers and Scientific Thinking Fall 2005 HTML and Web Pages 1 HTML & Web Pages recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language

More information

WTAD Text Editors for HTML. Text Editors: Kate HTML. (HyperText Markup Language)

WTAD Text Editors for HTML. Text Editors: Kate HTML. (HyperText Markup Language) HTML (Hyper Text Markup Language) WTAD 3 languages all web developers must learn: 1. HTML to define the content of web pages 2. CSS to specify the layout of web pages 3. JavaScript to program the behaviour

More information

WTAD. Unit -1 Introduction to HTML (HyperText Markup Language)

WTAD. Unit -1 Introduction to HTML (HyperText Markup Language) WTAD Unit -1 Introduction to HTML (HyperText Markup Language) HTML (Hyper Text Markup Language) 3 languages all web developers must learn: 1. HTML to define the content of web pages 2. CSS to specify the

More information

Working with HTML. must appear at the very beginning of your webpage. starts the first section of your page

Working with HTML. must appear at the very beginning of your webpage. starts the first section of your page CSC105 Manual 27 Working with HTML Learning the Tags must appear at the very beginning of your webpage starts the first section of your page Enter the title of your

More information

A Balanced Introduction to Computer Science, 3/E

A Balanced Introduction to Computer Science, 3/E A Balanced Introduction to Computer Science, 3/E David Reed, Creighton University 2011 Pearson Prentice Hall ISBN 978-0-13-216675-1 Chapter 2 HTML and Web Pages 1 HTML & Web Pages recall: a Web page is

More information

(Refer Slide Time: 01:41) (Refer Slide Time: 01:42)

(Refer Slide Time: 01:41) (Refer Slide Time: 01:42) Internet Technology Prof. Indranil Sengupta Department of Computer Science and Engineering Indian Institute of Technology, Kharagpur Lecture No #14 HTML -Part II We continue with our discussion on html.

More information

Creating and Building Websites

Creating and Building Websites Creating and Building Websites Stanford University Continuing Studies CS 21 Mark Branom branom@alumni.stanford.edu Course Web Site: http://web.stanford.edu/group/csp/cs21/ Week 5 Slide 1 of 33 Week 5 Agenda

More information

Web Development & Design Foundations with HTML5 & CSS3 Instructor Materials Chapter 2 Test Bank

Web Development & Design Foundations with HTML5 & CSS3 Instructor Materials Chapter 2 Test Bank Multiple Choice. Choose the best answer. 1. What tag pair is used to create a new paragraph? a. b. c. d. 2. What tag pair

More information

Web Development & Design Foundations with HTML5 & CSS3 Instructor Materials Chapter 2 Test Bank

Web Development & Design Foundations with HTML5 & CSS3 Instructor Materials Chapter 2 Test Bank Multiple Choice. Choose the best answer. 1. What tag pair is used to create a new paragraph? a. b. c. d. 2. What tag pair

More information

Summary 4/5. (contains info about the html)

Summary 4/5. (contains info about the html) Summary Tag Info Version Attributes Comment 4/5

More information

Web Technologies - by G. Sreenivasulu Handout - 1 UNIT - I

Web Technologies - by G. Sreenivasulu Handout - 1 UNIT - I INTRODUCTION: UNIT - I HTML stands for Hyper Text Markup Language.HTML is a language for describing web pages.html is a language for describing web pages.html instructions divide the text of a document

More information

11. HTML5 and Future Web Application

11. HTML5 and Future Web Application 11. HTML5 and Future Web Application 1. Where to learn? http://www.w3schools.com/html/html5_intro.asp 2. Where to start: http://www.w3schools.com/html/html_intro.asp 3. easy to start with an example code

More information

How the Internet Works

How the Internet Works How the Internet Works The Internet is a network of millions of computers. Every computer on the Internet is connected to every other computer on the Internet through Internet Service Providers (ISPs).

More information

MMGD0204 Web Application Technologies. Chapter 3 HTML - TEXT FORMATTING

MMGD0204 Web Application Technologies. Chapter 3 HTML - TEXT FORMATTING MMGD0204 Web Application Technologies Chapter 3 HTML - TEXT FORMATTING Headings The to tags are used to define HTML headings. defines the largest heading and defines the smallest heading.

More information

1.264 Lecture 12. HTML Introduction to FrontPage

1.264 Lecture 12. HTML Introduction to FrontPage 1.264 Lecture 12 HTML Introduction to FrontPage HTML Subset of Structured Generalized Markup Language (SGML), a document description language SGML is ISO standard Current version of HTML is version 4.01

More information

Html basics Course Outline

Html basics Course Outline Html basics Course Outline Description Learn the essential skills you will need to create your web pages with HTML. Topics include: adding text any hyperlinks, images and backgrounds, lists, tables, and

More information

introduction to XHTML

introduction to XHTML introduction to XHTML XHTML stands for Extensible HyperText Markup Language and is based on HTML 4.0, incorporating XML. Due to this fusion the mark up language will remain compatible with existing browsers

More information

HTML and CSS Lecture 15 COMPSCI111/111G SS 2018

HTML and CSS Lecture 15 COMPSCI111/111G SS 2018 Essential Tags HTML and CSS Lecture 15 COMPSCI111/111G SS 2018 HTML5 requires the following tags to be in your html source file: html head title body 2 Block-level tags Paragraphs Define the structure

More information

Islamic University of Gaza Faculty of Engineering Department of Computer Engineering ECOM Advanced Internet Technology Lab.

Islamic University of Gaza Faculty of Engineering Department of Computer Engineering ECOM Advanced Internet Technology Lab. Islamic University of Gaza Faculty of Engineering Department of Computer Engineering ECOM 5049 Advanced Internet Technology Lab Lab # 1 Eng. Haneen El-masry February, 2015 Objective To be familiar with

More information

Part 1: HTML Language HyperText Make-up Language

Part 1: HTML Language HyperText Make-up Language Part 1: HTML Language HyperText Make-up Language 09/08/2010 1 CHAPTER I Introduction about Web Design 2 Internet and World Wide Web The Internet is the world s largest computer network The Internet is

More information

Chapter 2 Creating and Editing a Web Page

Chapter 2 Creating and Editing a Web Page Chapter 2 Creating and Editing a Web Page MULTIPLE CHOICE 1. is a basic text editor installed with Windows that you can use for simple documents or for creating Web pages using HTML. a. Microsoft Word

More information

Lesson: 6 Database and DBMS an Introduction. Lesson: 7 HTML Advance and features. Types of Questions

Lesson: 6 Database and DBMS an Introduction. Lesson: 7 HTML Advance and features. Types of Questions REVISION TEST 2 [50 MARKS] Lesson: 6 Database and DBMS an Introduction Lesson: 7 HTML Advance and features Types of Questions 1. Fill in the blanks [5 x 5 = 5] 2. True or False [5 x 1 = 5] 3. Choose the

More information

1. The basic building block of an HTML document is called a(n) a. tag. b. element. c. attribute. d. container. Answer: b Page 5

1. The basic building block of an HTML document is called a(n) a. tag. b. element. c. attribute. d. container. Answer: b Page 5 Name Date Final Exam Prep Questions Worksheet #1 1. The basic building block of an HTML document is called a(n) a. tag. b. element. c. attribute. d. container. Answer: b Page 5 2. Which of the following

More information

Chapter 4 A Hypertext Markup Language Primer

Chapter 4 A Hypertext Markup Language Primer Chapter 4 A Hypertext Markup Language Primer XHTML Mark Up with Tags Extensible Hypertext Markup Language Format Word/abbreviation in < > PAIR Singleton (not surround text) />

More information

Web Development and Design Foundations with HTML5 8th Edition

Web Development and Design Foundations with HTML5 8th Edition Web Development and Design Foundations with HTML5 8th Edition Felke-Morris TEST BANK Full clear download (no formatting errors) at: Web Development and Design Foundations with HTML5 8th Edition Felke-Morris

More information

HTML BEGINNING TAGS. HTML Structure <html> <head> <title> </title> </head> <body> Web page content </body> </html>

HTML BEGINNING TAGS. HTML Structure <html> <head> <title> </title> </head> <body> Web page content </body> </html> HTML BEGINNING TAGS HTML Structure Web page content Structure tags: Tags used to give structure to the document.

More information

Web Design and Development ACS Chapter 11. Creating Lists 11/16/2017 1

Web Design and Development ACS Chapter 11. Creating Lists 11/16/2017 1 Web Design and Development ACS-1809 Chapter 11 Creating Lists 11/16/2017 1 Creating Lists Ordered Lists Unordered Lists Definition Lists Combination and Nesting of Lists Style Lists 11/16/2017 2 Ordered

More information

Chapter 4. Introduction to XHTML: Part 1

Chapter 4. Introduction to XHTML: Part 1 Chapter 4. Introduction to XHTML: Part 1 XHTML is a markup language for identifying the elements of a page so a browser can render that page on a computer screen. Document presentation is generally separated

More information

Indian Institute of Technology Kharagpur. HTML Part III. Prof. Indranil Sen Gupta Dept. of Computer Science & Engg. I.I.T.

Indian Institute of Technology Kharagpur. HTML Part III. Prof. Indranil Sen Gupta Dept. of Computer Science & Engg. I.I.T. Indian Institute of Technology Kharagpur HTML Part III Prof. Indranil Sen Gupta Dept. of Computer Science & Engg. I.I.T. Kharagpur, INDIA Lecture 15: HTML Part III On completion, the student will be able

More information

CSE 3. Marking Up with HTML. Comics Updates Shortcut(s)/Tip(s) of the Day Google Earth/Google Maps ssh Anti-Spyware

CSE 3. Marking Up with HTML. Comics Updates Shortcut(s)/Tip(s) of the Day Google Earth/Google Maps ssh Anti-Spyware CSE 3 Comics Updates Shortcut(s)/Tip(s) of the Day Google Earth/Google Maps ssh Anti-Spyware 1-1 4-1 Chapter 4: Marking Up With HTML: A Hypertext Markup Language Primer Fluency with Information Technology

More information

Hyper Text Markup Language

Hyper Text Markup Language Hyper Text Markup Language HTML is a markup language. It tells your browser how to structure the webpage. HTML consists of a series of elements, which you use to enclose, or mark up different parts of

More information

FINAL PROJECT - WEBSITE

FINAL PROJECT - WEBSITE Work individually FINAL PROJECT - WEBSITE Create a website (it will contain every assignment from the whole semester) NOTE: Topics are subject to change, but you can consider any of the topics below even

More information

GIMP WEB 2.0 MENUS. Web 2.0 Menus: Horizontal Navigation Bar with Dynamic Background Image

GIMP WEB 2.0 MENUS. Web 2.0 Menus: Horizontal Navigation Bar with Dynamic Background Image GIMP WEB 2.0 MENUS Web 2.0 Menus: Horizontal Navigation Bar with Dynamic Background Image WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR DYNAMIC BACKGROUND IMAGE Before you begin this tutorial, you will need

More information

Hyper Text Markup Language

Hyper Text Markup Language Hyper Text Markup Language HTML is a markup language. It tells your browser how to structure the webpage. HTML consists of a series of elements, which you use to enclose, or mark up different parts of

More information

COMPUTER APPLICATIONS IN BUSINESS FYBMS SEM II

COMPUTER APPLICATIONS IN BUSINESS FYBMS SEM II CHAPTER 1: HTML 1. What is HTML? Define its structure. a. HTML [Hypertext Markup Language] is the main markup language for creating web pages and other information that can be displayed in a web browser.

More information

I-5 Internet Applications

I-5 Internet Applications I-5 Internet Applications After completion of this unit, you should be able to understand and code a webpage that includes pictures, sounds, color, a table, a cursor trail, hypertext, and hyperlinks. Assignments:

More information

HTML Tags Chart. To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste it into your web page.

HTML Tags Chart. To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste it into your web page. HTML Tags Chart To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste it into your web page. Tag Name Code Example Browser View

More information

GIMP WEB 2.0 MENUS WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR CREATING AN HTML LIST

GIMP WEB 2.0 MENUS WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR CREATING AN HTML LIST GIMP WEB 2.0 MENUS Web 2.0 Menus: Horizontal Navigation Bar WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR Hover effect: CREATING AN HTML LIST Most horizontal or vertical navigation bars begin with a simple

More information

</HTML> </HEAD> </BODY> </TITLE> </I> </B> </U> </BLINK> </EM> </FONT> </FONT> </CENTER> </H1> </H2> </H3> </P> </BR> --!>

</HTML> </HEAD> </BODY> </TITLE> </I> </B> </U> </BLINK> </EM> </FONT> </FONT> </CENTER> </H1> </H2> </H3> </P> </BR> --!> HTML - hypertext mark-up language HTML is a standard hypertext language for the WWW and has several different versions. Most WWW browsers support HTML 2 and most of new versions of the browsers support

More information

Computer Programming

Computer Programming Computer Programming Dr. Deepak B Phatak Dr. Supratik Chakraborty Department of Computer Science and Engineering Session: Computer Architecture Dr. Deepak B. Phatak & Dr. Supratik Chakraborty, 1 Quick

More information

Computer Programming

Computer Programming Computer Programming Dr. Deepak B Phatak Dr. Supratik Chakraborty Department of Computer Science and Engineering Session: Introduction to Pointers Part 1 Dr. Deepak B. Phatak & Dr. Supratik Chakraborty,

More information

The City School. Prep Section. ICTech. 2 nd Term. PAF Chapter. Class 8. Worksheets for Intervention Classes

The City School. Prep Section. ICTech. 2 nd Term. PAF Chapter. Class 8. Worksheets for Intervention Classes The City School PAF Chapter Prep Section ICTech Class 8 2 nd Term Worksheets for Intervention Classes Name: Topic: Flowchart Date: Q. Write the name and description of the following symbol. Symbol Name

More information

The City School. Prep Section. ICTech. 2 nd Term. PAF Chapter. Class 7. Worksheets for Intervention Classes

The City School. Prep Section. ICTech. 2 nd Term. PAF Chapter. Class 7. Worksheets for Intervention Classes The City School PAF Chapter Prep Section ICTech Class 7 2 nd Term Worksheets for Intervention Classes Name: Topic: Scratch Date: Q.1: Label the diagram 1 2 3 4 5 6 7 12 8 9 11 10 1. 2. 3. 4. 5. 6. 7. 8.

More information

Creating Web Pages Using HTML

Creating Web Pages Using HTML Creating Web Pages Using HTML HTML Commands Commands are called tags Each tag is surrounded by Some tags need ending tags containing / Tags are not case sensitive, but for future compatibility, use

More information

Computer Programming

Computer Programming Computer Programming Dr. Deepak B Phatak Dr. Supratik Chakraborty Department of Computer Science and Engineering Session: while and do while statements in C++ Dr. Deepak B. Phatak & Dr. Supratik Chakraborty,

More information

I. Crossword. II. Who am I? I am an attribute which specifies a position in the web page where the linked document is to be opened.

I. Crossword. II. Who am I? I am an attribute which specifies a position in the web page where the linked document is to be opened. I. Crossword Clues Down 1. An attribute of Anchor element that is used as a ToolTip of the hyperlink. 4. This attribute provides the alternative text which is displayed if the image is not displayed in

More information

Shatin Tsung Tsin Secondary School S.3 Computer and Technology Web Page Design by HTML Introduction to HTML

Shatin Tsung Tsin Secondary School S.3 Computer and Technology Web Page Design by HTML Introduction to HTML Shatin Tsung Tsin Secondary School S.3 Computer and Technology Web Page Design by HTML Introduction to HTML HTML (Hyper Text Markup Language) is the set of markup symbols (tags or codes) (e.g. , ,

More information

COMP519 Web Programming Lecture 3: HTML (HTLM5 Elements: Part 1) Handouts

COMP519 Web Programming Lecture 3: HTML (HTLM5 Elements: Part 1) Handouts COMP519 Web Programming Lecture 3: HTML (HTLM5 Elements: Part 1) Handouts Ullrich Hustadt Department of Computer Science School of Electrical Engineering, Electronics, and Computer Science University of

More information

CSC Web Programming. Introduction to HTML

CSC Web Programming. Introduction to HTML CSC 242 - Web Programming Introduction to HTML Semantic Markup The purpose of HTML is to add meaning and structure to the content HTML is not intended for presentation, that is the job of CSS When marking

More information

Computer Programming

Computer Programming Computer Programming Dr. Deepak B Phatak Dr. Supratik Chakraborty Department of Computer Science and Engineering Session: for statement in C++ Dr. Deepak B. Phatak & Dr. Supratik Chakraborty, 1 Quick Recap

More information

5/17/2009. Marking Up with HTML. An HTML Web Page File. Tags for Bold, Italic, and underline. Structuring Documents

5/17/2009. Marking Up with HTML. An HTML Web Page File. Tags for Bold, Italic, and underline. Structuring Documents Chapter 4: Marking Up With HTML: A Hypertext Markup Language Primer Marking Up with HTML Fluency with Information Technology Third Edition by Lawrence Snyder Tags describe how a web page should look Formatting

More information

Basics of Web Design, 3 rd Edition Instructor Materials Chapter 2 Test Bank

Basics of Web Design, 3 rd Edition Instructor Materials Chapter 2 Test Bank Multiple Choice. Choose the best answer. 1. What element is used to configure a new paragraph? a. new b. paragraph c. p d. div 2. What element is used to create the largest heading? a. h1 b. h9 c. head

More information

CSCE 101. Creating Web Pages with HTML5 Applying style with CSS

CSCE 101. Creating Web Pages with HTML5 Applying style with CSS CSCE 101 Creating Web Pages with HTML5 Applying style with CSS Table of Contents Introduction... 1 Required HTML Tags... 1 Comments... 2 The Heading Tags... 2 The Paragraph Tag... 2 The Break Tag... 3

More information

CSC Web Technologies, Spring HTML Review

CSC Web Technologies, Spring HTML Review CSC 342 - Web Technologies, Spring 2017 HTML Review HTML elements content : is an opening tag : is a closing tag element: is the name of the element attribute:

More information

HTML Hints & Tips. HTML is short for HyperText Markup Language.

HTML Hints & Tips. HTML is short for HyperText Markup Language. Introduction to HTML HTML is short for HyperText Markup Language. It is a formatting language used to specify web page attributes such as headings, paragraphs, lists, tables and text variations. The HTML

More information

Introduction to using HTML to design webpages

Introduction to using HTML to design webpages Introduction to using HTML to design webpages #HTML is the script that web pages are written in. It describes the content and structure of a web page so that a browser is able to interpret and render the

More information

Computer Programming

Computer Programming Computer Programming Dr. Deepak B Phatak Dr. Supratik Chakraborty Department of Computer Science and Engineering Session: Merge Sort in C++ and Its Analysis Dr. Deepak B. Phatak & Dr. Supratik Chakraborty,

More information

ITL Public School Mid Term examination ( )

ITL Public School Mid Term examination ( ) ITL Public School Mid Term examination (017-18) Date:15.09.17 Multimedia and Web Technology (Answer Key )- (067) Class: XI 1 Answer the following questions based on HTML: i. Identify any four formatting

More information

Cadbury World Themed Web Page

Cadbury World Themed Web Page Cadbury World Themed Web Page HTML Creating Your Own Web Page more advanced What have we learnt so far? HTML is used to instruct readers such as web browsers how to present, process and/ or describe the

More information

Review Ch. 17 Creating Online Pages and Sites. 2010, 2006 South-Western, Cengage Learning

Review Ch. 17 Creating Online Pages and Sites. 2010, 2006 South-Western, Cengage Learning Review Ch. 17 Creating Online Pages and Sites 2010, 2006 South-Western, Cengage Learning Web Browsers Software programs that allow users to find and view web pages Web browsers interpret HTML and XML to

More information

Web Design Lab. Mrs. AVN College Polytechnic :: Visakhapatnam 1

Web Design Lab. Mrs. AVN College Polytechnic :: Visakhapatnam 1 Mrs. AVN College Polytechnic :: Visakhapatnam 1 PROGRAM 1 Web Design Lab body and pre tag

More information

ITNP43: HTML Lecture 3

ITNP43: HTML Lecture 3 ITNP43: HTML Lecture 3 Niederst, Chapts 10, 11, 13 (3rd edn) 1 HTML So Far... Structural tags , , Text formatting , etc Element attributes e.g. Inline images

More information

Computer Programming

Computer Programming Computer Programming Dr. Deepak B Phatak Dr. Supratik Chakraborty Department of Computer Science and Engineering Lectures 20, 21, 22 Dr. Deepak B. Phatak & Dr. Supratik Chakraborty, 1 A Generic Iteration

More information

Chapter 1 Self Test. LATIHAN BAB 1. tjetjeprb{at}gmail{dot}com. webdesign/favorites.html :// / / / that houses that information. structure?

Chapter 1 Self Test. LATIHAN BAB 1. tjetjeprb{at}gmail{dot}com. webdesign/favorites.html :// / / / that houses that information. structure? LATIHAN BAB 1 Chapter 1 Self Test 1. What is a web browser? 2. What does HTML stand for? 3. Identify the various parts of the following URL: http://www.mcgrawhill.com/books/ webdesign/favorites.html ://

More information

COMPSCI 111 / 111G An introduction to practical computing

COMPSCI 111 / 111G An introduction to practical computing Essential Tags COMPSCI 111 / 111G An introduction to practical computing HTML5 requires the following tags to be in your html source file: html head title body HTML5 2 1 2 Block level tags Paragraphs Define

More information

UNIT II Dynamic HTML and web designing

UNIT II Dynamic HTML and web designing UNIT II Dynamic HTML and web designing HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language

More information

HTML, beyond the basics

HTML, beyond the basics HTML, beyond the basics HTML Classes and IDs Classes are attributes that attach information to an element so you can do more things with some or all elements that belong to a certain class. IDs, like classes,

More information

COMPSCI 120 Fall 2017 Review Questions for Midterm #2 Professor William T. Verts

COMPSCI 120 Fall 2017 Review Questions for Midterm #2 Professor William T. Verts COMPSCI 120 Fall 2017 Review Questions for Midterm #2 Professor William T. Verts UNIX What do the 9 permission letters represent (rwxrwxrwx)? How do you know if you have the permission or not? What is

More information

Attributes & Images 1 Create a new webpage

Attributes & Images 1 Create a new webpage Attributes & Images 1 Create a new webpage Open your test page. Use the Save as instructions from the last activity to save your test page as 4Attributes.html and make the following changes:

More information

Chapter 4: Marking Up With HTML: A Hypertext tmarkup Language Primer

Chapter 4: Marking Up With HTML: A Hypertext tmarkup Language Primer Chapter 4: Marking Up With HTML: A Hypertext tmarkup Language Primer Fluency with Information Technology Third Edition by Lawrence Snyder Copyright 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

More information

Computer Programming

Computer Programming Computer Programming Dr. Deepak B Phatak Dr. Supratik Chakraborty Department of Computer Science and Engineering Session: An Example with Sequential and Conditional Execution Dr. Deepak B. Phatak & Dr.

More information

Marking Up with HTML. Tags for Bold, Italic, and underline. An HTML Web Page File. Chapter 4: Marking Up With HTML: A. Formatting with Tags:

Marking Up with HTML. Tags for Bold, Italic, and underline. An HTML Web Page File. Chapter 4: Marking Up With HTML: A. Formatting with Tags: Chapter 4: Marking Up With HTML: A HypertextMarkup tm Language Primer Fluency with Information Technology Third Edition by Lawrence Snyder Marking Up with HTML Tags describe how a web page should look

More information

HTML Exercise 20 Linking Pictures To Other Documents Or Web Sites

HTML Exercise 20 Linking Pictures To Other Documents Or Web Sites HTML Exercise 20 Linking Pictures To Other Documents Or Web Sites Turning pictures into hyperlinks is nearly the same as what you learned in Exercises 4 and 5. If a picture is essential to a Web page,

More information

Computer Programming

Computer Programming Computer Programming Dr. Deepak B Phatak Dr. Supratik Chakraborty Department of Computer Science and Engineering Session: Pointers and Dynamic Memory Part 1 Dr. Deepak B. Phatak & Dr. Supratik Chakraborty,

More information

The default style for an unordered (bulleted) list is the bullet, or dot. You can change the style to either a square or a circle as follows:

The default style for an unordered (bulleted) list is the bullet, or dot. You can change the style to either a square or a circle as follows: CSS Tutorial Part 2: Lists: The default style for an unordered (bulleted) list is the bullet, or dot. You can change the style to either a square or a circle as follows: ul { list-style-type: circle; or

More information

Bok, Jong Soon

Bok, Jong Soon HTML 5 Grouping Contents Bok, Jong Soon jongsoon.bok@gmail.com www.javaexpert.co.kr Defines a paragraph. Browsers automatically add some space (margin) before and after each element. Differences

More information

Web Design 101. What is HTML? HTML Tags. Web Browsers. <!DOCTYPE html> <html> <body> <h1>my First Heading</h1> <p>my first paragraph.

Web Design 101. What is HTML? HTML Tags. Web Browsers. <!DOCTYPE html> <html> <body> <h1>my First Heading</h1> <p>my first paragraph. What is HTML? Web Design 101 HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is a markup language à A markup language is a set of markup tags The tags describe

More information

HTML TAG SUMMARY HTML REFERENCE 18 TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES MOST TAGS

HTML TAG SUMMARY HTML REFERENCE 18 TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES MOST TAGS MOST TAGS CLASS Divides tags into groups for applying styles 202 ID Identifies a specific tag 201 STYLE Applies a style locally 200 TITLE Adds tool tips to elements 181 Identifies the HTML version

More information

CISC 1400 Discrete Structures

CISC 1400 Discrete Structures CISC 1400 Discrete Structures Building a Website 1 The Internet A "network of networks" that consists of millions of smaller domestic, academic, business, and government networks. Worldwide, publicly accessible

More information

LING 408/508: Computational Techniques for Linguists. Lecture 14

LING 408/508: Computational Techniques for Linguists. Lecture 14 LING 408/508: Computational Techniques for Linguists Lecture 14 Administrivia Homework 5 has been graded Last Time: Browsers are powerful Who that John knows does he not like? html + javascript + SVG Client-side

More information

Advanced Web Programming C2. Basic Web Technologies

Advanced Web Programming C2. Basic Web Technologies Politehnica University of Timisoara Advanced Web Programming C2. Basic Web Technologies 2013 UPT-AC Assoc.Prof.Dr. Dan Pescaru HTML Originally developed by Tim Berners-Lee in 1990 at CERN (Conseil Européen

More information

Creating web pages Chapter 5. Structuring contents

Creating web pages Chapter 5. Structuring contents ESCUELA TÉCNICA SUPERIOR DE INGENIERÍA ICAI Cristina Puente, Rafael Palacios 2009-2010 Lists Lists! To enumerate several contents. Different types of lists can be combined. The general format is the following:

More information

Lecturer. Haider M. Habeeb. Second Year, First Course

Lecturer. Haider M. Habeeb. Second Year, First Course University of Babylon College of Information Technology Department of Information Networks Lecturer Haider M. Habeeb Second Year, First Course 2012-2013 Understand Hypertext and Links Why did the arrival

More information

HTML and CSS. Lecture 14 COMPSCI111/111G S1 2018

HTML and CSS. Lecture 14 COMPSCI111/111G S1 2018 HTML and CSS Lecture 14 COMPSCI111/111G S1 2018 Essential Tags HTML5 requires the following tags to be in your html source file: html head title body HTML5 02 2 Block-level tags Define the structure of

More information

HTML Tags Chart. To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste it into your web page.

HTML Tags Chart. To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste it into your web page. HTML Tags Chart To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste it into your web page. Tag Name Code Example Browser View

More information

Desire2Learn: HTML Basics

Desire2Learn: HTML Basics Desire2Learn: HTML Basics Page 1 Table of Contents HTML Basics... 2 What is HTML?...2 HTML Tags...2 HTML Page Structure...2 Required Tags...3 Useful Tags...3 Block Quote - ...

More information