Shatin Tsung Tsin Secondary School S.3 Computer and Technology Web Page Design by HTML Introduction to HTML
|
|
- Cora Cameron
- 6 years ago
- Views:
Transcription
1 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. <p>, <img>, <frame> etc) that format the text, define the layout of the page, presents images, makes clickable links, and decides what can be seen on the Web. Some tags come in pairs to indicate when a particular display effect is to begin and when it is to end. The closing tag is usually with the slash (/). HTML files are plain text files with extension of htm or html. They contain two things: plain text and HTML tags. An HTML document has two major parts: the head and the body. The head contains the document s title and similar information. The body is the major thing to be displayed. e.g. html document head body HTML tag <head> <title>my First Homepage</title> </head> <body> to my homepage </body> plain text Constructing a simple web page e.g.1 Open a notepad [! This is my first homepage.! Save the file as homepage1.htm in your folder. Double click it to open the file by internet explorer. e.g.2 Open a new file and type in! This is my first homepage.! Save the file as homepage2.htm in your folder. Double click it to open the file by internet explorer. You may find that the output of the files in e.g.1 and e.g.2 are the same. It is because there is no break line in html file like document file. In order to show break line in html file, we should add <p> or <br> at the end of the line. p.1/8
2 i.e.!<br> This is my first homepage.<br>!<br> Some simple HTML tags Tags Description Example Output <title> Show the title in the menu <title>my First bar. Usually used in <head> Homepage</title> <br> Starts a new line <br><br>hel lo <p> Starts a new line and adds <p><p> some additional vertical space between the lines <center> </center> Center the text <center></ce nter> <p align=center> </p> Align at center <p align=center> </p> <p align=left> </p> Align at left hand side <p align=left> </p> <p align=right> </p> Align at right hand side <p align=right> </p> <i> </i> Italic <i></i> <b> </b> Bold <b></b> <u> </u> Underline <u></u> <s> </s> Strikethrough <s></s> <sup> </sup> Superscript base<sup>index</sup> base index <sub> </sub> Subscript H<sub> 2</sub>O H 2 O <pre> </pre> Preformatted passage <pre> </pre> <h1> </h1> Header 1 <h1></h1> <h2> </h2> Header 2 <h2></h2> <h3></h3><h4></h4> Header3Header4 <h5></h5><h6></h6> Header5Header6 <h7></h7> Header7 <font color= > </font> Change font color <font color= red > STTSS</font> <font color= #00ff00> STTSS</font> <font color= #ff00ff> STTSS</font> note: <font color = # XX YY ZZ> 1 st two digits(xx): Red color, minimum value=00, maximum=ff 2 nd two digits(yy): Green color, minimum value=00, maximum=ff 3 rd two digits(zz): Blue color, minimum value=00, maximum=ff STTSS STTSS STTSS each digit s value is from 0 to f i.e. 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f Red Yellow White Magenta Green Cyan Blue absolute font size <font size= > </font> Change font size <font size= 5 > </font> <font size = +3 > relative font size p.2/8
3 <font face= > </font> Change font type <font face= Impact > </font> <hr> Horizontal line <hr> <hr width=50> <hr width=50%> <hr size=10> <!-- --> Remark <!-- --> Ex.1 Use Notepad to write HTML tags so that the content will be displayed by a web browser as follows: title:my Homepage Header1 horizontal line Header2 bold italic underline Font size:5 Font color: red Font:Impact strikethrough Answer: Font size=5 Font color: red Font: Impact Strikethrough p.3/8
4 Order list and Unorder list Write down the output of the following HTML in a web browser. e.g.3 <ol> <li>english</li> <li>chinese</li> <li>mathematics</li> </ol> e.g.4 <ol type= A > <li>english</li> <li>chinese</li> <li>mathematics</li> </ol> Type parameter Description Output 1 Number type 1, 2, 3, a Small letter type a, b, c, A Capital letter type A, B, C, i Small Roman number type i, ii, iii, I Big Roman number type I, II, III, You may try this tag to show the order list starting from 6 <ol type= 1 start= 6 > e.g.5 <ul> <li>english</li> <li>chinese</li> <li>mathematics</li> </ul> e.g.6 <ul > <li type= square >English</li> <li type= circle >Chinese</li> <li type= disc >Mathematics</li> </ul> p.4/8
5 Insert Table Write down the output of the following HTML in a web browser. <table> <tr> <td>english</td> row1 row2 <td>chinese</td> <td>mathematics</td> </tr> <tr> <td>physics</td> <td>chemistry</td> <td>biology</td> </tr> 3 sets of data in each row 3 sets of data in each row 3 sets of data in 1 st row 3 sets of data in 2 nd row Other attribute settings of <Table> <table width=75% border=1> <tr> <td>1</td><td>2</td><td>3</td></tr> <tr> <td>4</td><td>5</td><td>6</td></tr> <table bordercolorlight=red bordercolordark=blue width=75% border=10> <tr> <td>1</td><td>2</td><td>3</td></tr> <tr> <td>4</td><td>5</td><td>6</td></tr> <table border=5 cellspacing=5 cellpadding=15> <tr> <td>1</td><td>2</td><td>3</td></tr> <tr> <td>4</td><td>5</td><td>6</td></tr> cellspacing: the width of lines in the table cellpadding: the space between the text and the border in the table <table border=1 width=75%> <tr> <td colspan = 2>1</td> <td>2</td></tr> <tr> <td>3</td><td>4</td><td>5</td></tr> <table border=1 width=75%> <tr> <td rowspan = 2>1</td> <td>2</td><td>3</td></tr> <tr> <td>4</td><td>5</td></tr> <table border=1 width=75% height=50% bordercolor=blue> <tr> <td rowspan = 2 valign=bottom bgcolor=yellow>1</td> <td align=center>2</td> <td align=center>3</td></tr> <tr> <td>4</td><td>5</td><td>6</td> </tr> p.5/8
6 Ex.2 Use Notepad to write HTML tags so that the content will be displayed by a web browser as follows: Answer: <center> <table border=1 width=75%> </center> Insert Image Tag & Attribute Description Example <body bgcolor=> Set the background color <body bgcolor=red> of the web page <body bgcolor=#00ffff> <body background=> Set the background <body background= sttss.jpg > image of the web page <img src=> Insert a image file <img src= logo.jpg > <img src= alt= > Show the name of the image when moving the mouse over the image <img src= logo.jpg alt= school logo > <img src= align=bottom> Set the position of the <img src= logo.jpg align=bottom> image at the bottom <img src= align=left> Set the position of the <img src= logo.jpg align=left> image at the left <img src= align=right> Set the position of the <img src= logo.jpg align=right> image at the right <img src= height=100> Set the height of the <img src= logo.jpg height=100> image <img src= width=200> Set the width of the image <img src= logo.jpg width=200> <table><tr><td><img src= ></td></tr> Insert an image in a table <table><tr><td><img src= logo.jpg > </td></tr> Other setting: <body bgcolor=ffff00 text= link=ff0000 alink=00ff00 vlink=0000ff> text: text color, link: hyperlink color, alink: active hyperlink color, vlink: visited hyperlink color p.6/8
7 Set the Anchor and Hyperlink 1. Set a bookmark Using <a name = bookmark > </a> to set a bookmark in a web page 2. Go to a bookmark Using <a href = #bookmark > </a> to go to a bookmark in a web page 3. Go to a new page Using <a href = filename.htm > </a> to go to a new web page 4. Go to a web site Using <a href = > </a> to go to a web site 5. Send the Using <a href = mailto: address > </a> to launch a program to send the e.g.7 Type the following HTML code using a notepad and save the file as homepage2.htm in your folder. Double click it to open the file by internet explorer and test the hyperlinks in the web page. <head><title>my Second Homepage</title></head><body> <a name= menu >Menu</a> <ol type= I > <li><a href= #Chapter1 >Set a Bookmark</a></li> <li><a href= #Chapter2 >Go to a Bookmark</a></li> <li><a href= #Chapter3 >Go to a new page</a></li> <li><a href= #Chapter4 >Go to a web site</a></li> <li><a href= #Chapter5 >Send the </a></li></ol><p><p> Any problem? Send the to <a href= mailto:tts-tkf@hkedcity.net >me</a><p><hr> <a name= Chapter1 > <img src= ch1.jpg alt= chapter one height=400 width=500><a href = #menu ><p>back</a><p> <a name= Chapter2 > <img src= ch2.jpg alt= chapter two height=400 width=500><a href = #menu ><p>back</a><p> <a name= Chapter3 > <a href= homepage1.htm ><img src= ch3.jpg alt= chapter three height=400 width=500></a><a href = #menu ><p>back</a><p> <a name= Chapter4 > <a href= ><img src= ch4.jpg alt= chapter four height=400 width=500></a><p><a href = #menu >back</a><p> <a name= Chapter5 > <a href= target=_blank><img src= ch5.jpg alt= chapter five height=400 width=500></a><p><a href = #menu >back</a><p> </body> p.7/8
8 Ex.3 Study the above web page in HTML codes and answer the following questions. (a) What is the title of the web page? (b) What is the output of order list in the web page from <ol type= I > to </ol> (c) How many bookmarks are there in the web page? What are their names? (d) What is the use of the attribute alt in the setting <img src= ch1.jpg alt= chapter one >? (e) In the web page, you may send the by clicking a word. What is the word to be clicked? What is the tag used in here to send the ? (f) In the web page, you may visit the web site of EMB ( by clicking somewhere. Where should you click? (g) What is the different between the hyperlink settings in the image of Chapter3 and that of Chapter4? (h) What is the different between the hyperlink settings in the image of Chapter4 and that of Chapter5? What is the different of the outputs between them after clicking the hyperlinks? (i) By clicking the word back, what will be happened in the web page? p.8/8
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 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 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 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 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 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 informationTHE ASIAN SCHOOL. Class-10. ch8. A. Check the Right Answer (1*9)
THE ASIAN SCHOOL Class-10 ch8 A. Check the Right Answer (1*9) 1. Which attribute of the tag is used to create named anchors in a web document? c. NAME 2. Which attribute of the tag is used to add
More informationCOMPUTER 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 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 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 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 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 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 informationClass X Chapter 5 Know More About HTML
Class X Chapter 5 Know More About HTML 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
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 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 informationThis booklet is knowledge of. a web page. of a web page find what you. you want to. SiteSell offers. Introduction
From www.basic computerskills.com/ Thank you for downloading this freee Booklet. This booklet is intended for people, who want to start out with their own web site or just want to get the basic knowledge
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 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 information<! - - S T W i n g - - > Minicourses. HTML Basics. October 1, 2005 Armand O'Donnell Electrical Engineering '07
Minicourses HTML Basics October 1, 2005 Armand O'Donnell Electrical Engineering '07 Why HTML? It's easy to learn. It's written in simple text. No special software needed. It's
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</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 informationWorking 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 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 informationLESSON 3. Coding Tables Continued
LESSON 3 Coding Tables Continued Lesson Learning Targets I can create a Web page table that displays text and / or images. I can create a Web page table that serves as a menu bar. Creating the Secondary
More informationCSC 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 information11. 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 informationHTML OBJECTIVES WHAT IS HTML? BY FAITH BRENNER AN INTRODUCTION
HTML AN INTRODUCTION BY FAITH BRENNER 1 OBJECTIVES BY THE END OF THIS LESSON YOU WILL: UNDERSTAND HTML BASICS AND WHAT YOU CAN DO WITH IT BE ABLE TO USE BASIC HTML TAGS BE ABLE TO USE SOME BASIC FORMATTING
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 informationI-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 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 informationHTML. Hypertext Markup Language. Code used to create web pages
Chapter 4 Web 135 HTML Hypertext Markup Language Code used to create web pages HTML Tags Two angle brackets For example: calhoun High Tells web browser ho to display page contents Enter with
More informationIntroduction to HTML. SSE 3200 Web-based Services. Michigan Technological University Nilufer Onder
Introduction to HTML SSE 3200 Web-based Services Michigan Technological University Nilufer Onder What is HTML? Acronym for: HyperText Markup Language HyperText refers to text that can initiate jumps to
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 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 informationCreating Web Pages. Getting Started
Creating Web Pages Getting Started Overview What Web Pages Are How Web Pages are Formatted Putting Graphics on Web Pages How Web Pages are Linked Linking to other Files What Web Pages Are Web Pages combine
More informationWhat 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 informationDesire2Learn: 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 informationSYBMM ADVANCED COMPUTERS QUESTION BANK 2013
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
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 informationI. 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 informationWeb 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 informationCSE 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 informationBasic HTML. Lecture 14. Robb T. Koether. Hampden-Sydney College. Wed, Feb 20, 2013
Basic HTML Lecture 14 Robb T. Koether Hampden-Sydney College Wed, Feb 20, 2013 Robb T. Koether (Hampden-Sydney College) Basic HTML Wed, Feb 20, 2013 1 / 36 1 HTML 2 HTML File Structure 3 HTML Elements
More informationBasic HTML. Lecture 14. Robb T. Koether. Hampden-Sydney College. Wed, Feb 20, 2013
Basic HTML Lecture 14 Robb T. Koether Hampden-Sydney College Wed, Feb 20, 2013 Robb T. Koether (Hampden-Sydney College) Basic HTML Wed, Feb 20, 2013 1 / 26 1 HTML 2 HTML File Structure 3 HTML Elements
More informationUsing Dreamweaver 2 HTML
Using Dreamweaver 2 The World Wide Web is based on (Hypertext markup language). Although Dreamweaver is primarily a WYSIWYG editor, it is still worthwhile for Dreamweaver users to be familiar with for
More informationUnit Four (Hyper Text Markup Language) HTML. Lesson One Create Web Pages by Using HTML
Unit Four (Hyper Text Markup Language) HTML Lesson One Create Web Pages by Using HTML After finishing this lesson the student will be able to: Identify the following basic rules to create a web page By
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 informationIntroduction to HTML. Bin Li Assistant Professor Dept. of Electrical, Computer and Biomedical Engineering University of Rhode Island
Introduction to HTML Bin Li Assistant Professor Dept. of Electrical, Computer and Biomedical Engineering University of Rhode Island Hypertext & HTML HyperText Markup Language (HTML) is the language for
More information5/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 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 informationIntroduction to HTML
Introduction to HTML 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 using markup HTML elements
More informationBasic HTML Lecture 14
Basic HTML Lecture 14 Robb T. Koether Hampden-Sydney College Fri, Feb 17, 2012 Robb T. Koether (Hampden-Sydney College) Basic HTMLLecture 14 Fri, Feb 17, 2012 1 / 25 1 HTML 2 HTML File Structure 3 Headings
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 informationThe 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 informationThe 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 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 informationUsing Dreamweaver CS6
Using Dreamweaver CS6 2 The World Wide Web is based on (Hypertext markup language). Although Dreamweaver is primarily a WYSIWYG editor, it is still worthwhile for Dreamweaver users to be familiar with
More informationIntroduction 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 informationSECTION C GRADE 12 EXAMINATION GUIDELINES
SACAI SECTION C GRADE 12 EXAMINATION GUIDELINES COMPUTER APPLICATIONS TECHNOLOGY 2016 Examination guidelines for Computer Application Technology INTRODUCTION The Curriculum and Assessment Policy Statement
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 informationWebsite designing by HTML. Home page designing
The site designing will be: HTML Practical Classwork #5 Website designing by HTML Home page designing What are home page contents? (Logo-banner-page title-links to other pages-texts-video-audio) 1- Saving
More informationUNIT 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 informationCreating A Web Page. Computer Concepts I and II. Sue Norris
Creating A Web Page Computer Concepts I and II Sue Norris Agenda What is HTML HTML and XHTML Tags Required HTML and XHTML Tags Using Notepad to Create a Simple Web Page Viewing Your Web Page in a Browser
More informationSummary 4/5. (contains info about the html)
Summary Tag Info Version Attributes Comment 4/5
More informationEDITOR GUIDE. Button Functions:...2 Inserting Text...4 Inserting Pictures...4 Inserting Tables...8 Inserting Styles...9
EDITOR GUIDE Button Functions:...2 Inserting Text...4 Inserting Pictures...4 Inserting Tables...8 Inserting Styles...9 1 Button Functions: Button Function Display the page content as HTML. Save Preview
More informationIntroduction 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 informationVernalis Date: A webpage displays a picture. What tag was used to display that picture? a. picture b. image c.
Vernalis http://tinyurl.com/qxqo4o9 Date:15.9.2015 1. A webpage displays a picture. What tag was used to display that picture? picture b. image c. img d. src 2. Tags and test that are not directly displayed
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 informationChapter 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 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 informationThe 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(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 informationMarking 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 informationStart by launching Mozilla To start making a web page, go to File -> New -> Composer Page
Creating a Web Page using Mozilla Composer- A Free Open Source Application Emily Hebard IT Lab School of Information University of Texas at Austin Spring 2003 Objectives Orient to the Mozilla Composer
More informationHow to use the Dealer Car Search ebay posting tool. Overview. Creating your settings
How to use the Dealer Car Search ebay posting tool Overview The Dealer Car Search ebay posting tool is designed to allow you to easily create an auction for a vehicle that has been loaded into Dealer Car
More informationMMGD0204 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 informationComputer Programming. Dr. Deepak B Phatak Dr. Supratik Chakraborty Department of Computer Science and Engineering IIT Bombay
Computer Programming Dr. Deepak B Phatak Dr. Supratik Chakraborty Department of Computer Science and Engineering Session: Lists, Links, and Images in HTML Recap Introduced HTML Examined some basic tags
More informationPart 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 informationAPPENDIX THE TOOLBAR. File Functions
APPENDIX THE TOOLBAR Within the WYSIWYG editor, there are a variety of functions available to the user to properly update the page. Below is a list of all the functions available. Keep in mind that the
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 informationHTML 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 informationHYPERTEXT MARKUP LANGUAGE ( HTML )
1 HTML BASICS MARK-UP LANGUAGES Traditionally used to provide typesetting information to printers where text should be indented, margin sizes, bold text, special font sizes and styles, etc. Word processors
More informationAll Creative Designs. Basic HTML for PC Tutorial Part 2 Using MS Notepad Revised Version May My First Web Page
All Creative Designs Basic HTML for PC Tutorial Part 2 Using MS Notepad Revised Version May 2013 My First Web Page This tutorial will add backgrounds to the table and body, font colors, borders, hyperlinks
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 informationSAMPLE 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.
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. I. Fill in the Blanks: (10x1=10) 1. is a computer threat that multiplies
More informationLesson: 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 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 informationTables & Lists. Organized Data. R. Scott Granneman. Jans Carton
Tables & Lists Organized Data R. Scott Granneman Jans Carton 1.3 2014 R. Scott Granneman Last updated 2015-11-04 You are free to use this work, with certain restrictions. For full licensing information,
More informationHTML. Based mostly on
HTML Based mostly on www.w3schools.com What is HTML? The standard markup language for creating Web pages HTML stands for Hyper Text Markup Language HTML describes the structure of Web pages using markup
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 information7300 Warden Avenue, Suite 503 Markham, Ontario Canada L3R 9Z6. Phone: Toll Free: Fax:
HTML and CSS 7300 Warden Avenue, Suite 503 Markham, Ontario Canada L3R 9Z6 Phone: 905-479-3780 Toll Free: 877-479-3780 Fax: 905-479-1047 e-mail: info@andarsoftware.com Web: www.andarsoftware.com.com Copyright
More informationSolutions. 9. Which is the first version of HTML? a. HTML 1.0 b. HTML 5 c. HTML 2.0 d. HTML 3.0
Chapter 5: Information Representation Method HTML-I Solutions Summative Assessment Multiple-Choice Questions (MCQs) 1. The tags that need both starting and ending tags are called:. a. Container tags b.
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 informationCOMPUTER APPLICATIONS 10. HTML - Structural Tags SECTION-B
COMPUTER APPLICATIONS 10. HTML - Structural Tags SECTION-B Answer to the following questions (2 Marks): 1 Sandhiya is creating a webpage. She is entering HTML code on her computer. In between, she keeps
More informationMarkup Language SGML: Standard Generalized Markup Language. HyperText Markup Language (HTML) extensible Markup Language (XML) TeX LaTeX
HTML 1 Markup Languages A Markup Language is a computer language in which data and instructions describing the structure and formatting of the data are embedded in the same file. The term derives from
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 informationUNIT 2. Creating Web Pages with Links, Images, and Formatted Text
UNIT 2 Creating Web Pages with Links, Images, and Formatted Text DAY 1 Types of Links! LESSON LEARNING TARGETS I can describe hyperlink elements and their associated terms. I can describe the different
More information