SYBMM ADVANCED COMPUTERS QUESTION BANK 2013
|
|
- Jason Charles
- 5 years ago
- Views:
Transcription
1 CHAPTER 1: BASIC CONCEPTS OF WEB DESIGNING 1. What is the web? What are the three ways you can build a webpage? The World Wide Web (abbreviated as WWW or W3, commonly known as the web), is a system of interlinked hypertext documents accessed via the Internet. The three ways you can build a webpage: a. Use a pre-made template Website design templates can be found in various formats like Photoshop and HTML. Many times these templates are compatible with HTML editors like GoLive, FrontPage and Dreamweaver. b. Use an HTML editor like FrontPage or Dreamweaver HTML editors make building web pages feel like creating a document in Document Editor but certain amount of control is lost as one has to depend on the program. c. Hard-code your HTML in a text editor like Notepad That means typing HTML code which is the quickest way to learn to build web pages. 2. What is the process of creating a website? 1) Define the purpose of the website 2) Diagram the structure of the website 3) Write out the text for the website 4) Choose a basic layout that will be used on all pages 5) Choose the basic color scheme and fonts for the site 6) Build out the website 7) Choose a domain name 8) Register your domain name 9) Check if the domain is already taken 10) Find a hosting company 11) Find the cause that affects the cost of hosting a website 12) Upload your website to hosting company s server 3. What are the steps to get your website live? 1) Registering Domain Name a. Domain names are official unique addresses on the web. b. Registration costs few bucks (approx. `500 to `3000) each year to own the name depending on the QoS [Quality of Service]. 2) Renting server space to host your website a. Renting space on a server to serve your website to the World Wide Web is often called hosting. Contact hosting company Tell your Domain Be live on the web 1
2 4. What is the difference between an absolute link & relative link? 1) A link is an absolute link if the URL and file name can be found from anywhere on the Web, not just from a single Web site. 2) E.g. <a href= Click here to visit L. S. Raheja College online! </a> 3) A relative link specifies the name of the file to be linked to only as it is related to the current document. 4) E.g. <a Details of BMM course! </a> CHAPTER 2: HTML 5. 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. b. HTML is written in the form of HTML elements consisting tags enclosed in angle-brackets within the web content. c. An HTML page is divided into 2 major sections: i. Head 1. The head (<head>) section contains underlying information about the page which is not displayed in the webpage. ii. Body 1. The body () section contains all the stuff (text, image, flash movie, etc.) that appears on the actual web page when someone happens to come along with their web browser. d. Note: Every page MUST begin and end with the HTML tag. e. E.g.: <HTML> <HEAD> <TITLE> Document s Title </TITLE> </HEAD> <BODY> Actual content of the web page. </BODY> </HTML> 6. Explain the following tags : a. <HTML> <HTML> tag denotes the document is a HTML webpage. Every HTML document should have <HTML> and </HTML> tags at the beginning and the end respectively. All other tags must reside within the <HTML>. </HTML> tag. E.G. : <HTML> <BODY> Demo Paragraph. </BODY> </HTML> 2
3 3 SYBMM ADVANCED COMPUTERS QUESTION BANK 2013 b. <HEAD> The header of a webpage is denoted by <HEAD> tag. The Header section can be merged with the <TITLE> tag denoting the title for the webpage. </HEAD> denotes the end of the header area. E.G. : <HTML> <HEAD> <TITLE> Title 1 </TTILE> </HEAD> </HTML> c. <TITLE> <TITLE> denotes the start of the title of the webpage which is displayed in the TITLE BAR. The title of a webpage should always be descriptive so as to help the user in searching and indexing the programs to name the webpage. No extra space should be kept between <TITLE> tag and the text of the title so as to make it compact. E.G. : <HTML> <HEAD> <TITLE> Title 1 </TTILE> </HEAD> </HTML> d. <BODY> The text between the <BODY> and </BODY> tags is the actual content of the webpage. The <BODY> tag can be accompanied by several attributes like BACKCOLOR, BACKGROUND, FONT SIZE, etc. E.G. : <HTML> <BODY> This is a demo paragraph. </BODY> </HTML> e. <P> tag A paragraph of a text is indicated by a <P> tag. The </P> tag can be omitted as browsers understand that when they encounter a <P> tag, it implies that there is an end to the previous paragraph. A browser ignores the extra spaces encountered in the text file as it has its own set of rules on spacing that do not depend on the spaces of your source file. Hence it is specifically done with the help of paragraph tag. A <P> tag has one optional attribute align which helps the appearance/alignment of the text. E.G.: <P align=left> Values of align can be Left, Right, Center or Justify. f. <BR> tag The <BR> tag forces a line break with no extra (white) space between lines. The difference between <P> and <BR> tag is <P> tag elements for short lines such as postal addresses results in unwanted additional whitespace. E.G.: KANISHKA KHATRI <BR> F.Y.B.M.M. <BR> S.Y.B.M.M. <BR> F.Y.B.M.S. OUTPUT :
4 4 SYBMM ADVANCED COMPUTERS QUESTION BANK 2013 KANISHKA KHATRI F.Y.B.M.M. S.Y.B.M.M. F.Y.B.M.S. g. <HR> tag The <HR> tag produces a horizontal line with respect to the width of the browser window. A horizontal ruler is useful to separate sections of a document. E.G.: <HR size=3 width=50% noshade> The above statement will produce a ruler of 3 pixel spread around 50% of the browsers screen and will not produce and shade. h. <PRE> tag The <PRE> tag (stands for Pre-formatted ) generates a text in a fixed-width font. This tag also recognizes spaces, new lines, and tabs significant (multiple spaces are displayed as multiple spaces and lines break in the same locations as in the source HTML file). The text appears in mono space form. E.G.: <PRE> * * * * * </PRE> Will be displayed as: * * * * * i. <B> tag The <B> tag specifies text that should appear boldface. E.G.: This morning is so <B> Good. </B> Will be displayed as : This morning is so Good. j. <I> tag The <I> tag specifies text that should appear as italic. E.G.: This morning is so <I> Good. </I> Will be displayed as : This morning is so Good. k. <U> tag The <U> tag underlines text in a document E.G.: This morning is so <U> Good. </U> Will be displayed as : This morning is so Good. l. <SUB> tag The <SUB> tag indicates a subscript text. It is bit lower that the normal text. E.G.: H <SUB> 2 </SUB> O Will be displayed as H 2 O m. <SUP> tag The <SUP> tag indicates a subscript text. It is bit higher than the normal text. E.G.: (a + b) <SUB> 2 </SUB> Will be displayed as
5 5 (a + b) 2 n. <STRIKE> tag <STRIKE> tag is used to strikethrough a text. The text enclosed within <STRIKE> and </STRIKE> tags will have a line drawn through the middle of the text. E.G. : <STRIKE> Strikethrough text </STRIKE> Output : Strikethrough text o. <BIG> tag The <BIG> tag displays the enclosed text larger than the surrounding text. It has the same effect as <FONT SIZE= +1 >. If the size of the text is maximum, <BIG> tag is ignored. E.G.: <BIG> This is a big text </BIG> Output : This is a big text p. <SMALL> tag The <SMALL> tag displays the enclosed text smaller than the surrounding text. It has the same effect as <FONT SIZE= -1 >. If the size of the text is minimum, <SMALL> tag is ignored. E.G.: <SMALL> This is a small text </SMALL> Output : This is a small text q. <FONT> tag <FONT> tag specifies font characteristics for the text of the document, including color, size and face. Attributes : SIZE =. specifies relative font size on a scale of 1 through 7. You can also specify the relative size by using + or sign, e.g. +2 COLOR =. specifies font color in #RRGGBB numbers or with color names. FACE =. specifies type faces as a list of possible faces, in order of preference, separated by commas for example Times New Roman, Arial, Monotype Corsiva E.G.: <FONT FACE= TIMES NEW ROMAN SIZE= +2 COLOR= BLUE > r. <IMG> tag Images are placed in a HTML file using <IMG> tag. Few attributes of <IMG> tag are : [shortcut : SAHAB W] a. SRC : specifies the source file of the image. b. ALT : specifies an alternate text describing the image in short. c. HEIGHT : specifies the height of the image d. ALIGN : specifies the alignment of the image. For inline images, values are TOP, MIDDLE and BOTTOM. For floating images, values are RIGHT and LEFT. e. BORDER : displays the border of the image. By default the value is set to 0. f. WIDTH : specifies the width of the image. E.g.: <IMG SRC= 1.jpg height=150 width=150 border=1 > 7. Explain <table> tag. A table is a good way to present rows and columns (cells) of data. Table starts with <TABLE> and ends with </TABLE> tag. Note that all the elements of the table will be ignored if they are not enclosed within a <TABLE>. </TABLE> tag.
6 Designing a table starts by creating a row first (<tr>) proceeded by entering the table data (<td>) from left to right. Inserting the table data will automatically insert columns which complete the designing part of one cell. Table heads (rows/columns/both) are specified by <th> and </th> tags. Attributes of <table> tag are : [shortcut : BW A(BC) 2 ] a. Border : displays the border of the table and the cells. By default the value of border is set to 0. b. Width : specifies the width of the table with respect to the webpage. c. Align : specifies the alignment of the table. By default the align attribute is set to left. d. Bgcolor : specifies the background color of the table. e. Bordercolor : specifies the color of the border. f. Cellspacing : decides the amount of space between the cells. g. Cellpadding : decides the amount of space between each cell border and its actual content/s. Attributes of <TD>, <TH> and <TR> tags : [shortcut : Ali Vali B] a. Align : specifies the horizontal alignment of row or column. By default the value is set to left. b. Valign : specifies the vertical alignment of row or column. By default the value is set to left. c. Bgcolor : specifies the background color of the row/column. Attributes of <td> a. rowspan : merges the number of rows specified. b. colspan : merges the number of cols specified. E.G.: <table border=1 align=center> <tr > <td rowspan=3> 1 </td> <td> 2 </td> <td rowspan=2> 3 </td> </tr> <tr> <td> 5 </tr> <tr> <td colspan=2 align=center> 8 </td> </table> </tr> OUTPUT: 6
7 8. Explain <OL> tag <OL> tag is used to create an ordered list. Ordered list contains a list of items having a particular sequence. Types of ordered list 1, 2, 3, A, B, C,. a, b, c, I, II, III, i, ii, iii,.. Ordered lists are preceded by Roman numerals, Arabic numerals (upper and lower case) and alphanumeric (upper and lower case) characters.. <LI> tag is used with <OL> tag to indicate List Index. By default, an ordered list is numbered in Roman fashion. Other attributes: 1. Start : specifies the beginning of list (can be used in case the user needs to start with a number other than 1. E.G.: <center><ol><b>types of Ordered List</b> <li> Type 1 </ol> <ol type=a><li> Type 2 </ol> <ol type=a><li> Type 3 </ol> <ol type=i><li> Type 4 </ol> <ol type=i><li> Type 5 </ol> OUTPUT: 9. Explain <UL> tag Unordered list (also known as bulleted list) are handy and without a sequence number. This list starts with <UL> and ends with </UL> tag. 7
8 Steps : 1. Open a list using <UL> tag. 2. Enter the list Item using <LI> tag. </LI> is optional. 3. End the entire list with a closing </UL> tag. They can be preceded by several styles like a disc ( ), a hollow circle ( ) or a square ( ). The default appearance for an unordered list is a disc. E.G.: <ul>subjects <li>eng</li> <li>hindi</li> <li>it</li> <ul type="square"> <li>html</li> </ul> <li>bk</li> <li>oc</li> <ul type="circle"> <li>blank</li> </ul> </ul> OUTPUT: 10. Explain different Form Elements. HTML forms are used to pass data to a server. An HTML form can contain input elements like text fields, checkboxes, radio-buttons, submit buttons and more. A form can also contain select lists, textarea, fieldset, legend, and label elements. The <form> tag is used to create an HTML form: 8 <form>. input elements. </form>
9 HTML Forms - The Input Element The most important form element is the <input> element. The <input> element is used to select user information. An <input> element can vary in many ways, depending on the type attribute. An <input> element can be of type text field, checkbox, password, radio button, submit button, and more. Text Fields <input type="text"> defines a one-line input field that a user can enter text into: <form> First name: <input type="text" name="firstname"><br> Last name: <input type="text" name="lastname"> </form> How the HTML code above looks in a browser: First name: Last name: Note: The form itself is not visible. Also note that the default width of a text field is 20 characters. Password Field <input type="password"> defines a password field: <form> Password: <input type="password" name="pwd"> </form> How the HTML code above looks in a browser: Password: Note: The characters in a password field are masked (shown as asterisks or circles). Radio Buttons <input type="radio"> defines a radio button. Radio buttons let a user select ONLY ONE of a limited number of choices: 9
10 <form> <input type="radio" name="sex" value="male">male<br> <input type="radio" name="sex" value="female">female </form> How the HTML code above looks in a browser: Male Female Checkboxes <input type="checkbox"> defines a checkbox. Checkboxes let a user select ZERO or MORE options of a limited number of choices. <form> <input type="checkbox" name="vehicle" value="bike">i have a bike<br> <input type="checkbox" name="vehicle" value="car">i have a car </form> How the HTML code above looks in a browser: I have a bike I have a car Submit Button <input type="submit"> defines a submit button. A submit button is used to send form data to a server. The data is sent to the page specified in the form's action attribute. The file defined in the action attribute usually does something with the received input: <form> Username: <input type="text" name="user"> <input type="submit" value="submit"> </form> OUTPUT Username: Submit 10
11 Reset Button <input type="reset"> defines a reset button. A reset button is used to reset/clear form data. <form> Username: <input type="text" name="user"> <input type="submit" value="submit"> <input type="reset" value="reset"> </form> How the HTML code above looks in a browser: Username: Submit Reset Dropdown List A SELECT menu, or a pulldown menu has 3 attributes - name, size, and multiple. The SELECT item needs the OPTION element to list the values. A SELECT box of SIZE=3<BR> <SELECT SIZE="2"> <OPTION>ONE <OPTION>TWO <OPTION>THREE </SELECT> <br><br> A SELECT box of with no SIZE specified: <BR> <SELECT> <OPTION>ONE <OPTION>TWO <OPTION>THREE </SELECT> OUTPUT 11
12 Types of CSS SYBMM ADVANCED COMPUTERS QUESTION BANK 2013 Chapter 3: CSS 11. What is CSS? What are its types? CSS stands for Cascading Style Sheets. Styles define how to display HTML elements. If HTML is considered as content, CSS may be considered as presentation of that document. CSS is used to make a dynamic web page. There are 3 types of CSS: inline, internal and external. inline Inline styles are written directly within the tag on the document. Inline styles affect only the tag they are applied to. <a href= style="text-decoration: bold;"> internal Internal styles are embedded in the head of the document. Embedded styles affect only the tags on the page they are embedded in. <style type="text/css"> p { color: #0000ff; } </style> external External styles are written in a separate document and then attached to various Web documents. External style sheets can affect any document they are attached to. <link rel="stylesheet" type="text/css" href="styles.css" /> Inline Internal External (style attribute) (style tag) (link tag) Chapter 4: JavaScript 12. What is JavaScript? What are its types? JavaScript is a type of programming language that works with HTML to make web pages interactive. Note that it is not a full-featured programming language like Java or C++. It is a client-side programming language. There are two types of JavaScript : Internal and External. internal Internal JavaScripts are embedded in the head/body of the document. <style type="javascript"> 12 external External JavaScripts are written in a separate document and then attached to various Web documents. External JavaScripts can affect any document they are attached to. <link type="text/javascript" href="demo.js" />
13 13. Write a JavaScript program to display Hello World! on a webpage. <head><title>prog1</title> document.write("hello World!"); 14. Write a JavaScript program to greet a user according to his/her name. <head><title>prog2</title> var a; a=prompt("enter your name: "); document.write("hello "+ a); 13
14 15. Write a JavaScript program to perform addition of two user-defined numbers. <head><title>prog3</title> var a, b, sum; a=prompt("enter num1: "); a=parseint(a); b=prompt("enter num2: "); b=parseint(b); sum=a+b; document.write("sum of "+ a + " and " + b + " is " +sum); 16. Write a JavaScript program to perform subtraction of two user-defined numbers. <head><title>prog4</title> var a, b, sub; a=prompt("enter num1: "); a=parseint(a); b=prompt("enter num2: "); b=parseint(b); sub=a-b; 14
15 document.write("difference of "+ a + " and " + b + " is " +sub); 17. Write a JavaScript program to perform multiplication of two user-defined numbers. <head><title>prog5</title> var a, b, mul; a=prompt("enter num1: "); a=parseint(a); b=prompt("enter num2: "); b=parseint(b); mul=a*b; document.write("multiplication of "+ a + " and " + b + " is " +mul); 15
16 18. Write a JavaScript program to perform division of two user-defined numbers. <head><title>prog6</title> var a, b, div; a=prompt("enter num1: "); a=parseint(a); b=prompt("enter num2: "); b=parseint(b); div=a/b; document.write("division of "+ a + " by " + b + " gives " +div); 16
17 19. Write a JavaScript to perform average of 3 user-defined numbers. <head><title>prog7</title> var a, b, c, avg; a=prompt("enter num1: "); a=parseint(a); b=prompt("enter num2: "); b=parseint(b); c=prompt("enter num3: "); c=parseint(c); avg=(a+b+c)/3; document.write("average of "+ a + ", " + b + " and " + c + " is " +avg); 17
18 20. Write a JavaScript function to display Hello World! on a webpage. <head><title>prog8</title> function Disp() { document.write("hello World!"); } <input type=button value=result onclick="disp()"> 21. Write a JavaScript function to greet a user as per his/her name. <head><title>prog9</title> function Disp(){ var a; a=prompt("enter your name: "); document.write("hello "+ a); } <input type=button value=result onclick="disp()"> 18
19 19 SYBMM ADVANCED COMPUTERS QUESTION BANK Write a JavaScript function to perform addition of two user-defined numbers. <head><title>prog10</title> function Disp() { var a, b, sum; a=prompt("enter num1: "); a=parseint(a); b=prompt("enter num2: "); b=parseint(b); sum=a+b; document.write("sum of "+ a + " and " + b + " is " +sum); } <input type=button value=result onclick="disp()"> 23. Write a JavaScript function to perform subtraction of two user-defined numbers. <head><title>prog11</title> function Disp() { var a, b, sub; a=prompt("enter num1: "); a=parseint(a); b=prompt("enter num2: "); b=parseint(b); sub=a-b; document.write("difference of "+ a + " and " + b + " is " +sub); } <input type=button value=result onclick="disp()"> 24. Write a JavaScript function to perform multiplication of two user-defined numbers. <head><title>prog12</title>
20 20 SYBMM ADVANCED COMPUTERS QUESTION BANK 2013 function Disp() { var a, b, mul; a=prompt("enter num1: "); a=parseint(a); b=prompt("enter num2: "); b=parseint(b); mul=a*b; document.write("multiplication of "+ a + " and " + b + " is " +mul); } <input type=button value=result onclick="disp()"> 25. Write a JavaScript function to perform division of two user-defined numbers. <head><title>prog13</title> function Disp() { var a, b, div; a=prompt("enter num1: "); a=parseint(a); b=prompt("enter num2: "); b=parseint(b); div=a/b; document.write("division of "+ a + " by " + b + " gives " +div); } <input type=button value=result onclick="disp()"> 26. Write a JavaScript function to perform average of 3 user-defined numbers. <head><title>prog14</title> function Disp() { var a, b, c, avg;
21 a=prompt("enter num1: "); a=parseint(a); b=prompt("enter num2: "); b=parseint(b); c=prompt("enter num3: "); c=parseint(c); avg=(a+b+c)/3; document.write("average of "+ a + ", " + b + " and " + c + " is " +avg); } <input type=button value=result onclick="disp()"> 21
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 informationCSS CSS how to display to solve a problem External Style Sheets CSS files CSS Syntax
CSS CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to solve a problem External Style Sheets can save a lot of work External Style Sheets
More informationIslamic 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 informationCSC 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 informationrecall: 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 informationHtml 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 informationHTML 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 informationWeb 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 informationA 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 informationA 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 informationHTML What is HTML Hyper Text Markup Language is a computer based language used to create WebPages.
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
More informationHTML Tags <A></A> <A HREF="http://www.cnn.com"> CNN </A> HREF
HTML Tags Tag Either HREF or NAME is mandatory Definition and Attributes The A tag is used for links and anchors. The tags go on either side of the link like this: the link
More informationLAB MANUAL SUBJECT: WEB TECHNOLOGY CLASS : T.E (COMPUTER) SEMESTER: VI
LAB MANUAL SUBJECT: WEB TECHNOLOGY CLASS : T.E (COMPUTER) SEMESTER: VI INDEX No. Title Pag e No. 1 Implements Basic HTML Tags 3 2 Implementation Of Table Tag 4 3 Implementation Of FRAMES 5 4 Design A FORM
More informationSummary 4/5. (contains info about the html)
Summary Tag Info Version Attributes Comment 4/5
More informationHyper 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 informationIntroduction 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 informationAs 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 informationUnit 5 Web Publishing Systems Page 1 of 13 Part 4 HTML Part 4
Unit 5 Web Publishing Systems Page 1 of 13 Part 4 HTML 4.01 Version: 4.01 Transitional Hypertext Markup Language is the coding behind web publishing. In this tutorial, basic knowledge of HTML will be covered
More informationBy Ryan Stevenson. Guidebook #2 HTML
By Ryan Stevenson Guidebook #2 HTML Table of Contents 1. HTML Terminology & Links 2. HTML Image Tags 3. HTML Lists 4. Text Styling 5. Inline & Block Elements 6. HTML Tables 7. HTML Forms HTML Terminology
More informationHTML 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 informationIMY 110 Theme 7 HTML Tables
IMY 110 Theme 7 HTML Tables 1. HTML Tables 1.1. Tables The HTML table model allows authors to arrange data into rows and columns of cells, just as in word processing software such as Microsoft Word. It
More informationA Brief Introduction to HTML
A P P E N D I X HTML SuMMAry J A Brief Introduction to HTML A web page is written in a language called HTML (Hypertext Markup Language). Like Java code, HTML code is made up of text that follows certain
More informationBuilding Web Based Application using HTML
Introduction to Hypertext Building Web Based Application using HTML HTML: Hypertext Markup Language Hypertext links within and among Web documents connect one document to another Origins of HTML HTML is
More informationSelected Sections of Applied Informatics
Selected Sections of Applied Informatics M.Sc. Marcin Koniak koniakm@wt.pw.edu.pl http://www2.wt.pw.edu.pl/~a.czerepicki Based on lecture: Dr inż. Andrzej Czerepicki a.czerepicki@wt.pw.edu.pl 2018 HTML
More informationIndian 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 informationHTML 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 informationINFS 2150 / 7150 Intro to Web Development / HTML Programming
XP Objectives INFS 2150 / 7150 Intro to Web Development / HTML Programming Designing a Web Page with Tables Create a text table Create a table using the , , and tags Create table headers
More informationCreating 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 informationCOMP1000 Mid-Session Test 2017s1
COMP1000 Mid-Session Test 2017s1 Total Marks: 45 Duration: 55 minutes + 10 min reading time This examination has three parts: Part 1: 15 Multiple Choice Questions (15 marks /45) Part 2: Practical Excel
More informationWeb Page Creation Part I. CS27101 Introduction to Web Interface Design Prof. Angela Guercio
Web Page Creation Part I CS27101 Introduction to Web Interface Design Prof. Angela Guercio Objective In this lecture, you will learn: What HTML is and what XHTML is How to create an (X)HTML file The (X)HTML
More informationTable Basics. The structure of an table
TABLE -FRAMESET Table Basics A table is a grid of rows and columns that intersect to form cells. Two different types of cells exist: Table cell that contains data, is created with the A cell that
More informationSpring 2014 Interim. HTML forms
HTML forms Forms are used very often when the user needs to provide information to the web server: Entering keywords in a search box Placing an order Subscribing to a mailing list Posting a comment Filling
More informationHTML Tables and. Chapter Pearson. Fundamentals of Web Development. Randy Connolly and Ricardo Hoar
HTML Tables and Forms Chapter 5 2017 Pearson http://www.funwebdev.com - 2 nd Ed. HTML Tables A grid of cells A table in HTML is created using the element Tables can be used to display: Many types
More informationCMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB
CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB Unit 8 HTML Forms and Basic CGI Slides based on course material SFU Icons their respective owners 1 Learning Objectives In this unit you will
More informationTutorial 2 - HTML basics
Tutorial 2 - HTML basics Developing a Web Site The first phase in creating a new web site is planning. This involves determining the site s navigation structure, content, and page layout. It is only after
More informationHTML. LBSC 690: Jordan Boyd-Graber. October 1, LBSC 690: Jordan Boyd-Graber () HTML October 1, / 29
HTML LBSC 690: Jordan Boyd-Graber October 1, 2012 LBSC 690: Jordan Boyd-Graber () HTML October 1, 2012 1 / 29 Goals Review Assignment 1 Assignment 2 and Midterm Hands on HTML LBSC 690: Jordan Boyd-Graber
More informationProgrammazione Web a.a. 2017/2018 HTML5
Programmazione Web a.a. 2017/2018 HTML5 PhD Ing.Antonino Raucea antonino.raucea@dieei.unict.it 1 Introduzione HTML HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text
More informationHTML. Asst. Prof. Dr. Kanda Runapongsa Saikaew Department of Computer Engineering Khon Kaen University
HTML Asst. Prof. Dr. Kanda Runapongsa Saikaew (krunapon@kku.ac.th) Department of Computer Engineering Khon Kaen University 1 What is an HTML File? HTML stands for Hyper Text Markup Language An HTML file
More informationCSC 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 informationShatin 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 informationChapter 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 informationTitle: Jan 29 11:03 AM (1 of 23) Note that I have now added color and some alignment to the middle and to the right on this example.
Title: Jan 29 11:03 AM (1 of 23) Note that I have now added color and some alignment to the middle and to the right on this example. Sorry about these half rectangle shapes a Smartboard issue today. To
More informationHTML & XHTML Tag Quick Reference
HTML & XHTML Tag Quick Reference This reference notes some of the most commonly used HTML and XHTML tags. It is not, nor is it intended to be, a comprehensive list of available tags. Details regarding
More informationWeb Publishing with HTML
Web Publishing with HTML MSc Induction Tutorials Athena Eftychiou PhD Student Department of Computing 1 Objectives Provide a foundation on Web Publishing by introducing basic notations and techniques like
More informationICT IGCSE Practical Revision Presentation Web Authoring
21.1 Web Development Layers 21.2 Create a Web Page Chapter 21: 21.3 Use Stylesheets 21.4 Test and Publish a Website Web Development Layers Presentation Layer Content layer: Behaviour layer Chapter 21:
More informationCOPYRIGHTED MATERIAL. Contents. Chapter 1: Creating Structured Documents 1
59313ftoc.qxd:WroxPro 3/22/08 2:31 PM Page xi Introduction xxiii Chapter 1: Creating Structured Documents 1 A Web of Structured Documents 1 Introducing XHTML 2 Core Elements and Attributes 9 The
More informationMake a Website. A complex guide to building a website through continuing the fundamentals of HTML & CSS. Created by Michael Parekh 1
Make a Website A complex guide to building a website through continuing the fundamentals of HTML & CSS. Created by Michael Parekh 1 Overview Course outcome: You'll build four simple websites using web
More informationc122jan2714.notebook January 27, 2014
Internet Developer 1 Start here! 2 3 Right click on screen and select View page source if you are in Firefox tells the browser you are using html. Next we have the tag and at the
More informationHTML 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 informationWEB PAGE DESIGN. Structure
UNIT 4 WEB PAGE DESIGN Structure 4.0 Introduction 4.1 Objectives 4.2 Basics of web page design using HTML 4.2.1 Method to create and view the web pages in browser 4.2.2 HTML Basic tags 4.2.3 Image tags
More informationHTML Forms. By Jaroslav Mohapl
HTML Forms By Jaroslav Mohapl Abstract How to write an HTML form, create control buttons, a text input and a text area. How to input data from a list of items, a drop down list, and a list box. Simply
More informationCertified HTML Designer VS-1027
VS-1027 Certification Code VS-1027 Certified HTML Designer Certified HTML Designer HTML Designer Certification allows organizations to easily develop website and other web based applications which are
More informationChapter 4 Creating Tables in a Web Site Using an External Style Sheet
Chapter 4 Creating Tables in a Web Site Using an External Style Sheet MULTIPLE RESPONSE Modified Multiple Choice 1. Attributes are set relative to the elements in a table. a. line c. row b. column d. cell
More information1/6/ :28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014
1/6/2019 12:28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014 CATALOG INFORMATION Dept and Nbr: CS 50A Title: WEB DEVELOPMENT 1 Full Title: Web Development 1 Last Reviewed:
More informationThis document provides a concise, introductory lesson in HTML formatting.
Tip Sheet This document provides a concise, introductory lesson in HTML formatting. Introduction to HTML In their simplest form, web pages contain plain text and formatting tags. The formatting tags are
More informationHTTP and HTML. We will use HTML as a frontend to our webapplications, therefore a basic knowledge of HTML is required, especially in forms.
HTTP and HTML We will use HTML as a frontend to our webapplications, therefore a basic knowledge of HTML is required, especially in forms. HTTP and HTML 28 January 2008 1 When the browser and the server
More informationHTML Element A pair of tags and the content these include are known as an element
HTML Tags HTML tags are used to mark-up HTML elements. HTML tags are surrounded by the two characters < and >. The surrounding characters are called angle brackets HTML tags are not case sensitive,
More informationIndex. CSS directive, # (octothorpe), intrapage links, 26
Holzschlag_.qxd 3/30/05 9:23 AM Page 299 Symbols @import CSS directive, 114-115 # (octothorpe), intrapage links, 26 A a element, 23, 163, 228 abbr element, 228 absolute keywords for font sizing, 144 absolute
More informationOverview of Forms. Forms are used all over the Web to: Types of forms: Accept information Provide interactivity
HTML Forms Overview of Forms Forms are used all over the Web to: Accept information Provide interactivity Types of forms: Search form, Order form, Newsletter sign-up form, Survey form, Add to Cart form,
More informationChapter4: HTML Table and Script page, HTML5 new forms. Asst. Prof. Dr. Supakit Nootyaskool Information Technology, KMITL
Chapter4: HTML Table and Script page, HTML5 new forms Asst. Prof. Dr. Supakit Nootyaskool Information Technology, KMITL Objective To know HTML5 creating a new style form. To understand HTML table benefits
More informationWeb Designing HTML5 NOTES
Web Designing HTML5 NOTES HTML Introduction What is HTML? HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language HTML describes the structure of Web pages
More informationICT IGCSE Practical Revision Presentation Web Authoring
21.1 Web Development Layers 21.2 Create a Web Page Chapter 21: 21.3 Use Stylesheets 21.4 Test and Publish a Website Web Development Layers Presentation Layer Content layer: Behaviour layer Chapter 21:
More informationAdvanced 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(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 informationBasic CSS Lecture 17
Basic CSS Lecture 17 Robb T. Koether Hampden-Sydney College Wed, Feb 21, 2018 Robb T. Koether (Hampden-Sydney College) Basic CSSLecture 17 Wed, Feb 21, 2018 1 / 22 1 CSS 2 Background Styles 3 Text Styles
More informationTables *Note: Nothing in Volcano!*
Tables *Note: Nothing in Volcano!* 016 1 Learning Objectives After this lesson you will be able to Design a web page table with rows and columns of text in a grid display Write the HTML for integrated
More informationHTML Tables and Forms. Outline. Review. Review. Example Demo/ Walkthrough. CS 418/518 Web Programming Spring Tables to Display Data"
CS 418/518 Web Programming Spring 2014 HTML Tables and Forms Dr. Michele Weigle http://www.cs.odu.edu/~mweigle/cs418-s14/ Outline! Assigned Reading! Chapter 4 "Using Tables to Display Data"! Chapter 5
More informationFrontPage 2000 Tutorial -- Advanced
FrontPage 2000 Tutorial -- Advanced Shared Borders Shared Borders are parts of the web page that share content with the other pages in the web. They are located at the top, bottom, left side, or right
More information1.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 informationChapter 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 informationCSS: The Basics CISC 282 September 20, 2014
CSS: The Basics CISC 282 September 20, 2014 Style Sheets System for defining a document's style Used in many contexts Desktop publishing Markup languages Cascading Style Sheets (CSS) Style sheets for HTML
More informationCS 350 COMPUTER/HUMAN INTERACTION. Lecture 6
CS 350 COMPUTER/HUMAN INTERACTION Lecture 6 Setting up PPP webpage Log into lab Linux client or into csserver directly Webspace (www_home) should be set up Change directory for CS 350 assignments cp r
More informationPage Layout Using Tables
This section describes various options for page layout using tables. Page Layout Using Tables Introduction HTML was originally designed to layout basic office documents such as memos and business reports,
More informationText and Layout. Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 11. This presentation 2004, MacAvon Media Productions
Text and Layout Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 11 This presentation 344 345 Text in Graphics Maximum flexibility obtained by treating text as graphics and manipulating
More informationCOMSC-030 Web Site Development- Part 1. Part-Time Instructor: Joenil Mistal
COMSC-030 Web Site Development- Part 1 Part-Time Instructor: Joenil Mistal Chapter 9 9 Working with Tables Are you looking for a method to organize data on a page? Need a way to control our page layout?
More informationWebsite Development with HTML5, CSS and Bootstrap
Contact Us 978.250.4983 Website Development with HTML5, CSS and Bootstrap Duration: 28 hours Prerequisites: Basic personal computer skills and basic Internet knowledge. Course Description: This hands on
More informationUNIT-02 Hyper Text Markup Language (HTML) UNIT-02/LECTURE-01 Introduction to Hyper Text Markup Language (HTML) About HTML: [RGPV/Dec 2013(4)]
1 UNIT-02 Hyper Text Markup Language (HTML) UNIT-02/LECTURE-01 Introduction to Hyper Text Markup Language (HTML) About HTML: [RGPV/Dec 2013(4)] So the first thing is that html the full form is Hyper Text
More informationChapter 4 Notes. Creating Tables in a Website
Chapter 4 Notes Creating Tables in a Website Project for Chapter 4 Statewide Realty Web Site Chapter Objectives Define table elements Describe the steps used to plan, design, and code a table Create a
More informationCOPYRIGHTED MATERIAL. Contents. Introduction. Chapter 1: Structuring Documents for the Web 1
Introduction Chapter 1: Structuring Documents for the Web 1 A Web of Structured Documents 1 Introducing HTML and XHTML 2 Tags and Elements 4 Separating Heads from Bodies 5 Attributes Tell Us About Elements
More informationDreamweaver Basics Outline
Dreamweaver Basics Outline The Interface Toolbar Status Bar Property Inspector Insert Toolbar Right Palette Modify Page Properties File Structure Define Site Building Our Webpage Working with Tables Working
More informationStudent, Perfect Final Exam May 25, 2006 ID: Exam No CS-081/Vickery Page 1 of 6
Student, Perfect Final Exam May 25, 2006 ID: 9999. Exam No. 3193 CS-081/Vickery Page 1 of 6 NOTE: It is my policy to give a failing grade in the course to any student who either gives or receives aid on
More informationWTAD 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 information1. 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 informationCPSC 481: CREATIVE INQUIRY TO WSBF
CPSC 481: CREATIVE INQUIRY TO WSBF J. Yates Monteith, Fall 2013 Schedule HTML and CSS PHP HTML Hypertext Markup Language Markup Language. Does not execute any computation. Marks up text. Decorates it.
More information3.1 Introduction. 3.2 Levels of Style Sheets. - HTML is primarily concerned with content, rather than style. - There are three levels of style sheets
3.1 Introduction - HTML is primarily concerned with content, rather than style - However, tags have presentation properties, for which browsers have default values - The CSS1 cascading style sheet specification
More informationWTAD. 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 informationCHAPTER 2 MARKUP LANGUAGES: XHTML 1.0
WEB TECHNOLOGIES A COMPUTER SCIENCE PERSPECTIVE CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0 Modified by Ahmed Sallam Based on original slides by Jeffrey C. Jackson reserved. 0-13-185603-0 HTML HELLO WORLD! Document
More informationHTML. HTML Evolution
Overview stands for HyperText Markup Language. Structured text with explicit markup denoted within < and > delimiters. Not what-you-see-is-what-you-get (WYSIWYG) like MS word. Similar to other text markup
More informationLayout Manager - Toolbar Reference Guide
Layout Manager - Toolbar Reference Guide Working with a Document Toolbar Button Description View or edit the source code of the document (for advanced users). Save the contents and submit its data to the
More informationITL 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 informationCertified HTML5 Developer VS-1029
VS-1029 Certified HTML5 Developer Certification Code VS-1029 HTML5 Developer Certification enables candidates to develop websites and web based applications which are having an increased demand in the
More informationDREAMWEAVER QUICK START TABLE OF CONTENT
DREAMWEAVER QUICK START TABLE OF CONTENT Web Design Review 2 Understanding the World Wide Web... 2 Web Browsers... 2 How Browsers Display Web pages... 3 The Web Process at Sacramento State... 4 Web Server
More informationChapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21
Table of Contents Chapter 1 Getting Started with HTML 5 1 Introduction to HTML 5... 2 New API... 2 New Structure... 3 New Markup Elements and Attributes... 3 New Form Elements and Attributes... 4 Geolocation...
More informationA website is a way to present your content to the world, using HTML to present that content and make it look good
What is a website? A website is a way to present your content to the world, using HTML to present that content and make it look good HTML: What is it? HTML stands for Hyper Text Markup Language An HTML
More informationCreating a Web Page with HTML
CT1501 DEVELOPMENT OF INTERNET APPLICATION Creating a Web Page with HTML Prepared By: Huda Alsuwailem Reviewed by: Rehab Alfallaj www.faculty.ksu.edu.sa/rehab-alfallaj ralfallaj@ksu.edu.sa Tables
More informationDownloads: Google Chrome Browser (Free) - Adobe Brackets (Free) -
Week One Tools The Basics: Windows - Notepad Mac - Text Edit Downloads: Google Chrome Browser (Free) - www.google.com/chrome/ Adobe Brackets (Free) - www.brackets.io Our work over the next 6 weeks will
More informationChapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10
CONTENTS Chapter 1 Introduction to Dreamweaver CS3 1 About Dreamweaver CS3 Interface...4 Title Bar... 4 Menu Bar... 4 Insert Bar... 5 Document Toolbar... 5 Coding Toolbar... 6 Document Window... 7 Properties
More informationLING 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 informationIT430- E-COMMERCE Solved MCQ(S) From Midterm Papers (1 TO 22 Lectures) BY Arslan Arshad
IT430- E-COMMERCE Solved MCQ(S) From Midterm Papers (1 TO 22 Lectures) BY Arslan Arshad OCT 21,2016 BS110401050 BS110401050@vu.edu.pk Arslan.arshad01@gmail.com AKMP01 IT430 - E-COMMERCE Midterm Papers
More information