HTML Element A pair of tags and the content these include are known as an element
|
|
- Oswald Heath
- 6 years ago
- Views:
Transcription
1 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, <b> means the same as <B> HTML Element A pair of tags and the content these include are known as an element All attributes are made up of two parts, the attribute s name and its value, separated by an equal sign. Values should be held within double quotation marks. <html> This tag encloses the complete HTML document and mainly comprises of document header which is represented by <head>...</head> and document body which is represented by <body>...</body> tags. <html> <head> <title>website</title> </head> <body> <p>here is a first paragraph of text.</p> </body> </html> <head> The < head > element contains information about the document, which is not displayed within the main page itself. For example, it might contain a title and a description of the page, or instructions on where a browser can find CSS rules that explain how the document should look. < head > < title >P opular Websites: Google < /title > < /head > <title> The <title> tag is used inside the <head> tag to mention the document title. < title >Wer Websites Name < /title > <body> This tag referred to as the body of the page, this contains the information we actually see in the main browser window. It consists of the opening < body > tag, closing < /body > tag, and everything in between.
2 <body> <p>here is a first paragraph of text.</p> </body> Basic Text Formatting, Presentational Elements,Phrase Elements Headings XHTML offers six levels of headings, which use the elements <h1>, <h2>, <h3>, <h4>, <h5>, and <h6>.browsers display the < h1 > element as the largest of the six and < h6 > as the smallest <h1 >Basic Text Formatting < /h1 > <h2 >Whitespace and Flow < /h2 > Paragraph Tag The <p> tag offers a way to structure wer text into different paragraphs. The < p > element can carry all the universal attributes such as align, class, id, style, title. < p > Here is a paragraph of text. < /p > Line Breaks The <br> tag is used when we want to start a new line, but don't want to start a new paragraph. The <br> tag forces a line break wherever we place it. Paragraph one <b r /> Paragraph three < br / > Preformatted Text Any text between the opening < pre > tag and the closing < /pre > tag will preserve the formatting of the source document. We should be aware, however, that most browsers would display this text in a moonscape font by default.the most common uses of the < pre > element are to represent computer source code. < pre > function testfunction(strtext){ alert (strtext) } < /pre > align Attribute The align Attribute (Deprecated) The align attribute indicates whether the heading appears to the left, center, or right of the page (the default is the left). It can take the three value. < h1 align= left >L eft-aligned Heading < /h1 < h1 align= center >Centered Heading < /h1 > < h1 align= right >R ight-aligned Heading < /h1 >
3 HTML Lists In HTML, there are two main types of lists: unordered lists (<ul>) - the list items are marked with bullets ordered lists (<ol>) - the list items are marked with numbers or letters HTML Images <img> Tag Images are added to a site using the < img > element, which has to carry at least two attributes: the src & alt attribute. < img src= logo.jpg alt= logo / > Attributes :- 1.src stands for "source." It's telling the browser where to go to find the image. 2.alt stands for "alternate text". It provides a description of the image. This tells the browser that if it can't find the image, then just display this text. It also tells anyone who can't view wer image what the image is about. 3.width stands for just that, the width of the image in pixels. It can range from 1 pixel to, well, just about any number, but generally will be less than the width of the web browser.
4 4.height stands for, as we might guess, the height of the image in pixels. Again, the height can be just about anything, but generally will be less than the height of the web browser. 5. border A border is a line that can appear around an image or other element. By default, images do not have borders < img src= images/logo.jpg alt= Logo border= 2 /> 6. longdesc The longdesc attribute is used to indicate the URL of a document (or part of a document) containing a description for the image in more detail. longdesc=../accessibility/profit_graphs.html 7. hspace and vspac The hspace and vspace attributes can be used to control the amount of white space around an image. it could create a gap between an image and text that flows around it. < img src= images/logo.jpg alt= Logo hspace= 10 vspace= 14 /> Supports:- GIF: Graphics Interchange Format (pronounced either gif or jif ) JPEG: Joint Photographic Experts Group Format (pronounced jay peg ) PNG: Portable Network Graphics (pronounced pee en gee or ping ) Image map It is usually interface technique in which a user click anywhere inside of image. An location of click affects outcome of click. Image maps allow we to make certain areas of an image into links. There are two types:- a)ismap(server side image map) b)usemap(client side Image map) a)server-side Image Maps(Ismap):- With server - side images, the < img > element sits inside an < a > element just like any image that is a link. But the < img > element carries a special ismap attribute, which tells the browser to send the server x,y coordinates representing what part of the image the user s mouse was on when he or she clicked the image map. Then a script on the server is used to determine which page the user should be sent to, based on the coordinates fed to it.
5 b)client-side Image Maps Client side image maps are generally more popular. With a client side image map, we can specify a list of areas that will be used as the links. This gives the user the chance to see immediately if where they are about to click is somewhere useful, as opposed to the server-side image map where they must wait for the reply from the server to tell them. There are four types of these areas; rectangles, circles, polygons and default. Client - Side Image Maps Using < map > and < area > The < map > element usually follows directly after the < img > element. It needs to carry only the name attribute to identify itself. < area > elements that actually define the clickable hotspots Attribute 1. shape The value of the shape attribute actually affects how the browser will use the coordinates specified in the cords attribute, and is therefore required. If we do not specify a shape attribute, the default value is a rectangle. 2. coords The cords attribute specifies the area that is the clickable hotspot A rectangle contains four coordinates. The first two coordinates represent the top left of the rectangle, and the second two the bottom right. A circle contains three coordinates; the first two are the center of the circle, while the third is the radius in pixels. A polygon contains two coordinates for each point of the polygon. So a triangle would contain six coordinates, a pentagon would contain ten, and so on. We do not need to specify the first coordinates again at the end because the shape is automatically closed. 3. href The href attribute works just like the href attribute for an < a > element; its value is the URL of the page we want to load when the user clicks that part of the image. 4. usemap The value of the usemap attribute begins with a pound or hash sign, followed by the value of the name attribute on the < map > element it uses. <img src="usemap.jpg" width="500px" height="400px" alt="cycle" usemap="#cyclemap"> <map name="cyclemap"> <area shape="rect" coords="150,42,215,65" alt="seat" href="seat.jpg"> <area shape="circle" coords="385,249,6" alt="hub" href="hub.jpg"> </map>
6 Forms and Form Controls 1. <form> element The HTML <form> element defines a form that is used to collect user input 2. action Attribute The action attribute specifies the URL of a file that will process the input control when the form is submitted. <form action=" "> Last name: <input type="text" name="lname"><br> 3. method Attribute The method attribute defines the HTTP method for sending form-data to the action URL. <form method="get"> Last name: <input type="text" name="lname"><br> 4. <onsubmit> Attribute This attribute fires when a form is submitted. <form onsubmit submit= validate() > 5. <onreset> Attribute It executes when the reset is clicked. <form onreset="reset()"> Enter name: <input type="text"> <input type="reset"> 6. enctype Attribute The formenctype attribute specifies how the form data should be encoded when submitted (only for forms with method="post"). The formenctype attribute is used with type="submit" and type="image". <form " method="post"> <input type="submit" formenctype="multipart/form-data" value="submit as Multipart/form-data">
7 7. accept-charset Attribute The accept-charset attribute specifies the character encodings that are to be used for the form submission. <form accept-charset="iso "> Last name: <input type="text" name="lname"><br> 8. accept Attribute The accept attribute specifies the types of files that the server accepts (that can be submitted through a file upload). Note: The accept attribute can only be used with <input type="file">. <form > <input type="file" name="pic" accept="image/jpeg"> <input type="submit"> 9. target Attribute The target attribute specifies where to open the linked document: In case of form,the target attribute specifies a name or a keyword that indicates where to display the response that is received after submitting the form. Syntax <a target="_blank _self _parent _top framename"> <form method="get" target="_blank"> Last name: <input type="text" name="lname"><br> <input type="submit" value="submit"> Attribute Values Value Description _blank Opens the linked document in a new window or tab _self Opens the linked document in the same frame as it was clicked (this is default) _parent Opens the linked document in the parent frame _top Opens the linked document in the full body of the window Framename Opens the linked document in a named frame
8 10. autofocus attribute The autofocus attribute specifies that the input field should automatically get focus when the page loads. <form > First name: <input type="text" name="fname" autofocus><br> Last name: <input type="text" name="lname"><br> 11. <textarea> tag The <textarea> tag defines a multi-line text input control. Attribute:- Rows & cols <textarea rows="4" cols="50"> </textarea> Creating Labels for Controls and the <label> Element 1. Fieldset & Legend elements The <fieldset> tag is used to group related elements in a form.it draws a box around the related elements. The legend tag defines a caption for the fieldset element. <form> <fieldset> <legend>personal Information :</legend> Name: <input type="text"><br> <input type="text"><br> Phone: <input type="number"> </fieldset> 2. tabindex attribute The tabindex attribute specifies the tab order of an element (when the "tab" button is used for navigating). <a href=" tabindex="2">facebook</a> <a href=" tabindex="1">google</a> <a href=" tabindex="3">microsoft</a>
9 3. accesskey attribute The accesskey attribute specifies a shortcut key to activate/focus an element. Internet Explorer [Alt] + accesskey Chrome [Alt] + accesskey Firefox [Alt] [Shift] + accesskey <a href=" accesskey="g">google</a><br> <a href= accesskey= f">facebook</a> 4. disabled attribute The disabled attribute specifies that the input field is disabled. <form "> Last name: <input type="text" name="lname" disabled><br> <input type="submit" value="submit"> Tip: Disabled <input> elements in a form will not be submitted. 5. readonly attribute The readonly attribute specifies that the input field is read only (cannot be changed): <form Name: <input type="text" name="fname" readonly> 6. Sending Form Data to the Server
10 Example <form action="/action_page.php" method="get"> <fieldset> <legend>personal information:</legend> First name: <input type="text" name="firstname"><br> Last name: <input type="text" name="lastname"> <br> <input type=" " name=" "> password: <input type="password" ><br> Gender: <input type="radio" name="gender" value="male" checked> Male <input type="radio" name="gender" value="female"> Female<br> Vehicles<input type="checkbox" name="vehicle1" value="bike"> I have a bike<br> <input type="checkbox" name="vehicle2" value="car"> I have a car<br> <textarea rows="10" cols="30"> </textarea> <input type="submit" value="submit"> <input type="reset"> </fieldset>
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 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 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 informationChapter 3 HTML Multimedia and Inputs
Sungkyunkwan University Chapter 3 HTML Multimedia and Inputs Prepared by D. T. Nguyen and H. Choo Web Programming Copyright 2000-2018 Networking Laboratory 1/45 Copyright 2000-2012 Networking Laboratory
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 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 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 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 informationProgramming of web-based systems Introduction to HTML5
Programming of web-based systems Introduction to HTML5 Agenda 1. HTML5 as XML 2. Basic body elements 3. Text formatting and blocks 4. Tables 5. File paths 6. Head elements 7. Layout elements 8. Entities
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 information1/27/2013. Outline. Adding images to your site. Images and Objects INTRODUCTION TO WEB DEVELOPMENT AND HTML
Outline INTRODUCTION TO WEB DEVELOPMENT AND HTML Images and Objects: Adding images to your site Adding Objects with Using Images as Links Image Maps Exercise Lecture 05 - Spring 2013 Adding images
More informationSummary 4/5. (contains info about the html)
Summary Tag Info Version Attributes Comment 4/5
More informationHTML: Fragments, Frames, and Forms. Overview
HTML: Fragments, Frames, and Forms Michael B. Spring Department of Information Science and Telecommunications University of Pittsburgh spring@ imap.pitt.edu http://www.sis. pitt.edu/~spring Overview Fragment
More informationForm Overview. Form Processing. The Form Element. CMPT 165: Form Basics
Form Overview CMPT 165: Form Basics Tamara Smyth, tamaras@cs.sfu.ca School of Computing Science, Simon Fraser University October 26, 2011 A form is an HTML element that contains and organizes objects called
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 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 informationName Related Elements Type Default Depr. DTD Comment
Legend: Deprecated, Loose DTD, Frameset DTD Name Related Elements Type Default Depr. DTD Comment abbr TD, TH %Text; accept-charset FORM %Charsets; accept FORM, INPUT %ContentTypes; abbreviation for header
More informationHTML Form. Kanida Sinmai
HTML Form Kanida Sinmai ksinmai@tsu.ac.th http://mis.csit.sci.tsu.ac.th/kanida HTML Form HTML forms are used to collect user input. The element defines an HTML form: . form elements. Form
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 informationFairly advanced HTML
Fairly advanced HTML Even more on lists To specify the list marker displayed by the browser, you can use list-style-type: type Even more on lists To specify the indentation of long list items, use list-style-position:
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 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 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 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 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 informationWeb Development & Design Foundations with XHTML. Chapter 4 Key Concepts
Web Development & Design Foundations with XHTML Chapter 4 Key Concepts Learning Outcomes In this chapter, you will learn to: Create and format lines and borders on Web pages Decide when to use graphics
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 information1 Form Basics CSC309
1 Form Basics Web Data 2! Most interesting web pages revolve around data! examples: Google, IMDB, Digg, Facebook, YouTube! can take many formats: text, HTML, XML, multimedia! Many of them allow us to access
More informationD B M G. Introduction to databases. Web programming: the HTML language. Web programming. The HTML Politecnico di Torino 1
Web programming The HTML language The HTML language Basic concepts User interfaces in HTML Forms Tables Passing parameters stored in forms @2017 Politecnico di Torino 1 Basic concepts HTML: HyperText Markup
More informationHTML5 and CSS3--Images Page 1
HTML5 and CSS3--Images Page 1 1 HTML5 and CSS3 IMAGES 2 3 4 5 6 Images in HTML Since HTML is text, images are not inserted into the HTML document using the tag Different image types used on the Web:.jpg
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 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 informationJavascript. UNIVERSITY OF MASSACHUSETTS AMHERST CMPSCI 120 Fall 2010
Lecture 21 Javascript Announcements Reminder: beginning with Homework #7, Javascript assignments must be submitted using a format described in an attachment to HW#7 3rd Exam date set for 12/14 in Goessmann
More informationChapter 5 Images. Presented by Thomas Powell. Slides adopted from HTML & XHTML: The Complete Reference, 4th Edition 2003 Thomas A.
Chapter 5 Images Presented by Thomas Powell Slides adopted from HTML & XHTML: The Complete Reference, 4th Edition 2003 Thomas A. Powell Image Introduction Images are good for illustrating ideas showing
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 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 informationINFS 2150 / 7150 Intro to Web Development / HTML Programming
XP INFS 2150 / 7150 Intro to Web Development / HTML Programming Working with Graphics in a Web Page 1 Objectives Learn about different image formats Control the placement and appearance of images on a
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 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 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 informationHyperlinks, Tables, Forms and Frameworks
Hyperlinks, Tables, Forms and Frameworks Web Authoring and Design Benjamin Kenwright Outline Review Previous Material HTML Tables, Forms and Frameworks Summary Review/Discussion Email? Did everyone get
More informationintroduction to XHTML
introduction to XHTML XHTML stands for Extensible HyperText Markup Language and is based on HTML 4.0, incorporating XML. Due to this fusion the mark up language will remain compatible with existing browsers
More information<page> 1 Document Summary Document Information <page> 2 Document Structure Text Formatting <page> 3 Links Images <page> 4
Document Summary Document Information Document Structure Text Formatting Links Images Lists Forms Input Type Attributes Select Attributes Option Attributes Table Formatting Objects and iframes iframe Attributes
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 4 A Hypertext Markup Language Primer
Chapter 4 A Hypertext Markup Language Primer XHTML Mark Up with Tags Extensible Hypertext Markup Language Format Word/abbreviation in < > PAIR Singleton (not surround text) />
More informationHTML. Mohammed Alhessi M.Sc. Geomatics Engineering. Internet GIS Technologies كلية اآلداب - قسم الجغرافيا نظم المعلومات الجغرافية
HTML Mohammed Alhessi M.Sc. Geomatics Engineering Wednesday, February 18, 2015 Eng. Mohammed Alhessi 1 W3Schools Main Reference: http://www.w3schools.com/ 2 What is HTML? HTML is a markup language for
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 informationSTD 7 th Paper 1 FA 4
STD 7 th Paper 1 FA 4 Choose the correct option from the following 1 HTML is a. A Data base B Word Processor C Language D None 2 is a popular text editor in MS window A Notepad B MS Excel C MS Outlook
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 informationNetworking and Internet
Today s Topic Lecture 13 Web Fundamentals Networking and Internet LAN Web pages Web resources Web client Web Server HTTP Protocol HTML & HTML Forms 1 2 LAN (Local Area Network) Networking and Internet
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 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 informationWeb Technology. HTML & xhtml
01076541 Web Technology HTML & xhtml Introducing HTML and xhtml HTML standard is overseen by W3C Current major version is HTML 4.01 (release Dec. 1999) Added stricter rules to HTML 4.01 in Jan. 2000 creating
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 informationUnit 8. Lesson 8.1. Microsoft FrontPage. Introduction. Microsoft FrontPage-1. Microsoft FrontPage
Microsoft FrontPage Unit 8 Microsoft FrontPage Introduction Lesson 8.1 Microsoft FrontPage-1 A number of Software Packages are available in market for creating a website. Among popular software s are Dreamweaver,
More informationOutline. Introducing Form. Introducing Forms 2/21/2013 INTRODUCTION TO WEB DEVELOPMENT AND HTML
Outline INTRODUCTION TO WEB DEVELOPMENT AND HTML Introducing Forms The element Focus Sending form data to the server Exercise Lecture 07: Forms - Spring 2013 Introducing Form Any form is declared
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 information8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2) Horizontal Rule Element
Web Development & Design Foundations with HTML5 Ninth Edition Chapter 4 Visual Elements and Graphics Learning Objectives (1 of 2) 4.1 Create and format lines and borders on web pages 4.2 Apply the image
More informationWeb Publishing Basics I
Web Publishing Basics I Jeff Pankin Information Services and Technology Contents Course Objectives... 2 Creating a Web Page with HTML... 3 What is Dreamweaver?... 3 What is HTML?... 3 What are the basic
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 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 informationThe Hypertext Markup Language (HTML) Part II. Hamid Zarrabi-Zadeh Web Programming Fall 2013
The Hypertext Markup Language (HTML) Part II Hamid Zarrabi-Zadeh Web Programming Fall 2013 2 Outline HTML Structures Tables Forms New HTML5 Elements Summary HTML Tables 4 Tables Tables are created 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 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 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 informationQUICK REFERENCE GUIDE
QUICK REFERENCE GUIDE New Selectors New Properties Animations 2D/3D Transformations Rounded Corners Shadow Effects Downloadable Fonts @ purgeru.deviantart.com WHAT IS HTML5? HTML5 is being developed as
More informationHTML 5.0 KKCC INFO SYSTEMS. K.SrinivasaRao
HTML 5.0 KKCC INFO SYSTEMS K.SrinivasaRao Document Type Declaration
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 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 informationAttributes & Images 1 Create a new webpage
Attributes & Images 1 Create a new webpage Open your test page. Use the Save as instructions from the last activity to save your test page as 4Attributes.html and make the following changes:
More 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 informationMeijer.com Style Guide
TABLE OF CONTENTS Meijer.com Style Guide John Green Information Architect November 14, 2011 1. LAYOUT... 2 1.1 PAGE LAYOUT... 2 1.1.1 Header... 2 1.1.2 Body / Content Area... 3 1.1.2.1 Top-Level Category
More informationRow and Column Spans. Homework. Column and Row Span Example (2) Column and Row Span Example. tables: Live Demo. like the following using forms:
table-colspan colspan-rowspan.html cell[1,1] cell[2,1] cell[1,2] cell[2,2] cell[3,2]
More informationCOMS 359: Interactive Media
COMS 359: Interactive Media Agenda Project #3 Review Forms (con t) CGI Validation Design Preview Project #3 report Who is your client? What is the project? Project Three action= http://...cgi method=
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 informationManagement Information Systems
Management Information Systems Hands-On: HTML Basics Dr. Shankar Sundaresan 1 Elements, Tags, and Attributes Tags specify structural elements in a document, such as headings: tags and Attributes
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 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 informationIn this chapter then, you ll learn the following:
Almost every time you want to collect information from a visitor to your site, you need to use a form. Some forms are quite complex, such as those that allow you to book plane tickets or purchase insurance
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 informationNAME: name a section of the page TARGET = "_blank" "_parent" "_self" "_top" window name which window the document should go in
Anchor HREF: URL you are linking to Bold Base Address NAME: name a section of the page TARGET = "_blank" "_parent" "_self"
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 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 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 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 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 informationDuke Library Website Preliminary Accessibility Assessment
Duke Library Website Preliminary Accessibility Assessment RAW OUTPUT FROM CYNTHIASAYS December 15, 2011 Michael Daul, Digital Projects Developer Digital Experience Services HiSoftware Cynthia Says - Web
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 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 informationWeb Site Design and Development Lecture 23. CS 0134 Fall 2018 Tues and Thurs 1:00 2:15PM
Web Site Design and Development Lecture 23 CS 0134 Fall 2018 Tues and Thurs 1:00 2:15PM List box The element shows a list of options in a scroll-able box when size is
More informationCreating Web Pages with SeaMonkey Composer
1 of 26 6/13/2011 11:26 PM Creating Web Pages with SeaMonkey Composer SeaMonkey Composer lets you create your own web pages and publish them on the web. You don't have to know HTML to use Composer; it
More informationChapter 2 Creating and Editing a Web Page
Chapter 2 Creating and Editing a Web Page MULTIPLE CHOICE 1. is a basic text editor installed with Windows that you can use for simple documents or for creating Web pages using HTML. a. Microsoft Word
More 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 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 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 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 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 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 informationHTML and CSS: An Introduction
JMC 305 Roschke spring14 1. 2. 3. 4. 5. The Walter Cronkite School... HTML and CSS: An Introduction
More information