HTML What is HTML Hyper Text Markup Language is a computer based language used to create WebPages.

Similar documents
HTML WORKSHEET Explain HTML HEAD Tag Title Tag BASEFONT Tag

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

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

COMPUTER APPLICATIONS IN BUSINESS FYBMS SEM II

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

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

Html basics Course Outline

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

Tables *Note: Nothing in Volcano!*

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

Table of Contents. MySource Matrix Content Types Manual

Part 1: HTML Language HyperText Make-up Language

Creating a Web Page with HTML

Building Web Based Application using HTML

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

Hyper Text Markup Language HTML: A Tutorial

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

THE ASIAN SCHOOL. Class-10. ch8. A. Check the Right Answer (1*9)

SYBMM ADVANCED COMPUTERS QUESTION BANK 2013

Table-Based Web Pages

Chapter 4 Notes. Creating Tables in a Website

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

HTML Tags <A></A> <A HREF=" CNN </A> HREF

CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0

Certified HTML Designer VS-1027

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

CSC 101: PreLab Reading for Lab #4 More HTML (some of this reading on Tables and Images are based on previous writings of Prof William Turkett)

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

LAB MANUAL SUBJECT: WEB TECHNOLOGY CLASS : T.E (COMPUTER) SEMESTER: VI

Index. CSS directive, # (octothorpe), intrapage links, 26

CSC 121 Computers and Scientific Thinking

CSC Web Technologies, Spring HTML Review

Certified HTML5 Developer VS-1029

HTTP and HTML. We will use HTML as a frontend to our webapplications, therefore a basic knowledge of HTML is required, especially in forms.

1/6/ :28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014

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

HTML Tables and. Chapter Pearson. Fundamentals of Web Development. Randy Connolly and Ricardo Hoar

IMY 110 Theme 7 HTML Tables

CSS CSS how to display to solve a problem External Style Sheets CSS files CSS Syntax

SAMPLE PAPER I CLASS- X SUBJECT FOUNDATION OF IT. TIME : 3 HRS M.M - 90 NOTE: 1. All questions are compulsory. 2. Write neat and clean.

What You Will Learn Today

11. HTML5 and Future Web Application

1.264 Lecture 12. HTML Introduction to FrontPage

The Hypertext Markup Language (HTML) Part II. Hamid Zarrabi-Zadeh Web Programming Fall 2013

COPYRIGHTED MATERIAL. Contents. Chapter 1: Creating Structured Documents 1

ITL Public School Final Term ( ) Date: 16 Feb 2015 Class: XI Multimedia and Web Technology (067) Time:3 hrs M.M: 70

UNIT-02 Hyper Text Markup Language (HTML) UNIT-02/LECTURE-01 Introduction to Hyper Text Markup Language (HTML) About HTML: [RGPV/Dec 2013(4)]

Chapter 2. List, Tables,Frame and Forms

A Balanced Introduction to Computer Science, 3/E

2.1 Origins and Evolution of HTML

COMPUTER APPLICATIONS 10. HTML - Structural Tags SECTION-B

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

ITL Public School Mid Term examination ( )

FOUNDATION OF INFORMATION TECHNOLOGY

Chapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10

Copyright 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley. Chapter 2 Introduction to XHTML

Creating web pages Chapter 5. Structuring contents

Advanced Web Programming C2. Basic Web Technologies

2.1 Origins and Evolution of HTML. 2.3 HTML Document Structure

I-5 Internet Applications

Selected Sections of Applied Informatics

All Creative Designs. Basic HTML for PC Tutorial Part 2 Using MS Notepad Revised Version May My First Web Page

COPYRIGHTED MATERIAL. Contents. Introduction. Chapter 1: Structuring Documents for the Web 1

CSI 3140 WWW Structures, Techniques and Standards. Markup Languages: XHTML 1.0

A Brief Introduction to HTML

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

Unit 5 Web Publishing Systems Page 1 of 13 Part 4 HTML Part 4

Programmazione Web a.a. 2017/2018 HTML5

Spring 2014 Interim. HTML forms

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

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

Oliver Pott HTML XML. new reference. Markt+Technik Verlag

UNIT II Dynamic HTML and web designing

Introducing Web Tables

Chapter4: HTML Table and Script page, HTML5 new forms. Asst. Prof. Dr. Supakit Nootyaskool Information Technology, KMITL

Name Related Elements Type Default Depr. DTD Comment

LESSON 3. Coding Tables Continued

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

vinodsrivastava.wordpress.com

2.1 Origins and Evolution of HTML

Introduction to Computer Science (I1100) Internet. Chapter 7

CS 350 COMPUTER/HUMAN INTERACTION. Lecture 6

Introduction to using HTML to design webpages

Dreamweaver CS3 Concepts and Techniques

HTML, beyond the basics

Introduction to HTML. Bin Li Assistant Professor Dept. of Electrical, Computer and Biomedical Engineering University of Rhode Island

Creating Web Pages. Getting Started

Creating Web Pages Using HTML

Chapter 5. Introduction to XHTML: Part 2

HTML and CSS COURSE SYLLABUS

Go.Web Style Guide. Oct. 16, Hackensack Ave Hackensack, NJ GoAmerica, Inc. All rights reserved.

introduction to XHTML

HTML Tables and Forms. Outline. Review. Review. Example Demo/ Walkthrough. CS 418/518 Web Programming Spring Tables to Display Data"

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

This booklet is knowledge of. a web page. of a web page find what you. you want to. SiteSell offers. Introduction

COMSC-030 Web Site Development- Part 1. Part-Time Instructor: Joenil Mistal

Introduction to HTML. SSE 3200 Web-based Services. Michigan Technological University Nilufer Onder

Chapter 4 Creating Tables in a Web Site Using an External Style Sheet

CSC 101: Lab #2 HTML and the WWW Manual and Report Lab Date: Tuesday, 2/2/2010 Report Due Date: Friday, 2/5/2010 3:00pm

Chapter 4. Introduction to XHTML: Part 1

Transcription:

vinsri76@yahoo.com +965-69300304 HTML What is HTML Hyper Text Markup Language is a computer based language used to create WebPages. Name Two text Editor which are used to create HTML page. They are: Notepad TextEdit Name two Graphics Editor which are used to create HTML page. They are: Dreamweaver FrontPage What is the use of HEAD element? It is used to provide information about the page. Explain <BASEFONT>. It is a non-container tag used to specify the font and its features for the entire webpage. What is the use of Title tag? It is used to provide the name of the webpage as can be seen on the title bar of the browser or tab header. Name three Attributes used with <BODY> tag. They are: Bgcolor : Background colour Link: Specifies colour of all links that appear on the page Background: Location of picture to be used as background for the page How can we give comments in HTML? Using <!-- --> Where.. represents the comment to be entered.

What is the use of <FONT> tag in HTML and give three attributes which we use with it? The <FONT> tag is the formatting of a specified word or sentence. Three attributes are: Face: Decides type of font e.g. Arial Size: Decides the size of the font Color: Decides the colour of the font What are the purpose of <h1> </h1>,.,<h6> </h6>? They are used to specify headings of pre-determined sizes. <h1> </h1> is the largest and <h6> </h6> is the smallest. How<BR> tag is different from <P> tag? <BR> It is a non-container tag. It creates a line break for every time it is repeated. It creates one line break. How<BR> tag is different from <HR> tag? <BR> It creates a line break. It does not have attribute <P> It is a container tag. It doesn t creates a line break for every time it is repeated. It creates a link break before and after the entered text. <HR> It creates a line. It has Attribute like color, size, width What is the purpose of Type attribute used in List? It helps in the formatting of the list item marker. For e.g. : <ol type= I >.. </ol> The above would result in a list where the item markers are Roman Numerals. What is the purpose of Start attribute with the List? It helps in deciding the starting position of the list which can only be used in Ordered lists. For e.g.: <ol start= 5 type= a >.. </ol> This would result in a list where the first list marker is e. Which HTML tag is used to insert image in HTML? The tag used is the <IMG> tag. Which attribute is used to show text instead of Image if browser do not support image? The attribute used is display text instead of image if browser does not support image <img src= R.jpg alt= Imagname > This would result in a blank box with Imagename written inside it if the image doesn t load. MMWT-VBSCRIPT@ VKS-Learning Hub Page 2

How can we create a link to image? By using the following code: <a href= a ><img src= b ></a> Where a is the URL and b is the image location. What is Hyperlink? Hyperlink refers to a link connecting any 2 pages or parts of the internet. What is URL? Uniform Resource Locator refers to the location of any file on the internet. Difference between Relative URL & Absolute URL? Relative Absolute It refers to a URL for connecting 2 parts It refers to a URL for connecting 2 or pages of the same website or different websites or webpages. webpage. What is the use of <CAPTION> tag? It is the tag used to give a caption for a table. What do you understand by COLSPAN & ROWSPAN? They are both attributes used in the <TD> & <TH> tag. COLSPAN: Specifies the no. of columns that the table data covers ROWSPAN: Specifies the no. of rows that the table data covers What is Cell padding and Cell spacing? They are both attributes used in the <TABLE> tag. Cellpadding: It is used to decide the space between the table data and the walls of the cell. Cellspacing: It is used to decide the space between neighbouring cells and the space between the cell and the table borders. Differentiate between <input type= Text > & <textarea>. <input type= text > <textarea> Used for information of usually one Used for information of usually more line than one line It is a non-container tag. It is a container tag. Name: <input type= text name= t1 Describe yourself: <textarea name= txt1 cols= 5 rows= 10 </textarea> MMWT-VBSCRIPT@ VKS-Learning Hub Page 3

How is External linking is different from Internal linking? External Internal Linking done between 2 different Linking done between 2 different websites. webpages of the same site or between 2 <a href= www.wikipedia.org > Wikipedia </a> Explain with an example how interlinking is done. <a href= www.wikipedia.org > Wikipedia </a> different parts. <a href= 1.html > Wikipedia </a> What are the two Attributes used for Bookmarking (Intralinking) <a name= top > Wikipedia </a> <br> <br> <a href= #top >Go to Top</a> Therefore the 2 attributes used in the <A> are name and href. How to align Image to Center/Right/Left? <img src= R.jpg align= position > Where position refers to center or right or left. MMWT-VBSCRIPT@ VKS-Learning Hub Page 4

What is radio button how is it different from checkbox? Radio Checkbox It used in the case of selection of one It used in the case of selection of one or option out of possible many. more options out of possible many. Choose sport: Choose favourite sport/sports: Football Football <input type= radio name= r1 <input type= checkbox name= r1 Basketball <input type= radio name= r1 Basketball <input type= checkbox name= r1 Name the tag which is used to set checkbox as selected by default. It is checked. Choose favourite sport/sports: Football <input type= checkbox name= r1 checked> Basketball <input type= checkbox name= r1 > What is the use of Action attribute in form? The action attribute decides where the form data goes. Differentiate between Text & password interface elements of form. Text It is a textbox which allows viewing of the entered data. Name: <input type= text name= t1 Password It is a textbox which allows viewing of the entered data in the form of a common character such as * Password: <input type= password name= p1 MMWT-VBSCRIPT@ VKS-Learning Hub Page 5

What is the use of Maxlength attributes with <input> tag? The maxlength attribute decides the maximum number of characters that can entered. What is the difference between Submit & Reset Button? Submit Reset It submits the form data to give a prespecified location. entering of data. It resets the form allowing for the re- <input type= submit name= b1 <input type= reset name= b2 value= Submit > value= Cancel > Write the name of tag and attribute used to have 3 pixels thick horizontal line centralized across 50% <Hr Align= Center Width =50% Size=3px> Insert an email link to image (MapleLeaf.jpg) with the width and height both set to 400 px Specify the tag and attributes to Send a form to the email address mymail@emailaccount.com. <A Href= mailto: mymail@emailaccount.com ><img src= MapleLeaf.jpg width =400 height=400></a> Write the HTML code to generate a Web Page in the format given below : i) Write a HTML code to create a framed webpage in the following The Page is divided into two frame vertically The left frame is 20% of the page width and display file Web.html The right frame is 80% of the page width and displays file tech.html Web.html Tech.html 20% explain the importance of NOFRAME tag. <HTML> <Frameset cols= 20%,80% <Frame Src= Web.html > <frame src= tech.html > </Frameset> </Html> MMWT-VBSCRIPT@ VKS-Learning Hub Page 6

Name the TAG and ATTRIBUTE to be used in the following situation i) To give the color of the border of a frame <frame src="headercolor.htm" bordercolor="blue"> ii)to display the cell content at the bottom of the cell of a table <td valign="bottom"> iii) To sets the top/bottom margin of the web page. <body topmargin=2 bottommargin=0> iv) Text colour of main heading on the page should be Red. <h1 color = red > Heading </h1> v)background colour of the page should be black, text color should be white and link colour should be Green. <body bgcolor= black text= white link= green > vi) Font face of text in the page should be Arial. <font face= arial > vii) Image used in the page is the file earth.jpg of size 200 x 200 right aligned on page. <img src= earth.jpg height=200 width=200 align = right > viii) The table should have a border of 3 pixels and the background color Yellow <table border=3 bgcolor= yellow > ix) first row of table should be Aqua in colr <tr bgcolor = aqua > x) The bottom message should be of size 2 and the text mail to us is an E- mail link to the e-mail address saveearth@who.info. <font size=2><a href=mailto:saveearth@who.info>e-mail</a></font> xi) Image used at the bottom is notice1,jpg and it acts as a link to notice.html <A Href= Notice.html > <img src=notice1.jpg ></A> xii) To create a textbox which can accept maximum of 20 characters with a default value Enter Name <input type= Text Maxlength=20,value= Enter Name >. xiii) Specify the tag and attributes to create a TextArea with 5 rows and 20 columns. <TextArea rows=5 cols=20></textarea> Differentiate between FOR-----NEXT and FOR EACH----NEXT For Each loop is used to iterate through arrays or collections. For loop is used to run statements a fixed number of times. What is the purpose of select tag. or how to create list box/drop down list Select Tag is used to create drop down list <select name="cars"> <option value="volvo">volvo</option> <option value="saab">saab</option> <option value="opel">opel</option> <option value="audi">audi</option> </select> MMWT-VBSCRIPT@ VKS-Learning Hub Page 7

Name the tag and attribute used to set a target frame in HTML. Base Target Tag is used inside the head tag to set the target frame in HTML It will make the html page to open in selected frame only. <head> <base target="frame_name"> </head> What is the use of the ALT attribute of an <IMG> tag? Specifies an alternate text for an image, it will be displayed if browser does not support image << <img src= Image1.jpg ALT= Image 1 is here > What is the use of <EMBED> tag? Write any three attributes of <EMBED> tag. The <embed> tag defines a container for an external application or interactive content (a plug-in). We can use this tag to add sound movies or flash file Attribute are src height width & type Write a HTML code line to print the following chemical formulae Na 2 SO 4-2 Na<sub>2</sub>SO<sub>4</sub><sup>-2</sup> What is the use of # sign in intra file linking in HTML? # is used to provide reference to Anchor Name in Bookmark <A Name=Top> <A Href= #Top > Top</A> Name the tag and attribute used to set a checkbox as selected by default. <Input Type= Checkbox value= Car Checked> Code Output <form action="demo_form.asp" method="get"> Bike <input type="checkbox" name="ch1" >Bike<br> <input type="checkbox" name="ch2" checked>car<br> Car <input type="submit" value="submit"> Submit Explain the Definition List with a suitable example Definition lists create a list with two parts to each entry: the name or term to be defined and the definition. This creates lists similar to a dictionary or glossary. There are three tags associated with the definition list: 1) <dl> to define the list 2) <dt> to define the definition term 3 <dd> to define the definition of the term Code <dl> <dt>coffee</dt> <dd>black hot drink</dd> <dt>milk</dt> <dd>white cold drink</dd> </dl> Output Coffee Black hot drink Milk White cold drink MMWT-VBSCRIPT@ VKS-Learning Hub Page 8

Write a code to create table given in fig Table border is red cell of first two rows should have different color use spacing and padding accordingly shown in fig Code <table cellspacing=5 cellpadding =5 border=2 bordercolor="red"> <tr> <td bgcolor="yellow" rowspan=2>class</td> <td bgcolor="pink"rowspan=2>section</td> <td bgcolor="green"colspan=2> Marks</td> </tr> <tr> <td bgcolor="purple">english</td><td bgcolor="blue">maths</td> </tr> <tr> <Td> XII </Td><Td> A </Td><Td> 90</Td><Td> 80 </Td> </tr> <tr> <Td> XII </Td><Td>B</Td><Td> 80</Td><Td> 90 </Td> </tr> </Table> </Body> </Html> MMWT-VBSCRIPT@ VKS-Learning Hub Page 9