Web Technology. HTML & xhtml
|
|
- Arthur Curtis
- 5 years ago
- Views:
Transcription
1 Web Technology HTML & xhtml
2 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 creating what is known as xhtml xhtml = Extensible Hypertext Markup Language
3 Hypertext Markup Language Tags, g, Elements and Attributes Tags = tokens enclosed by angle brackets - < > Elements define the structure of document and lay the foundation for its presentation and manipulation, contained within one or two tags Attributes = Tag modifiers compose of 2 parts: name and value Mostly case insensitive and not necessary to quote the value part of the attributes
4 Element <a href= >Computer Engineering</a> Attribute Closing tag Opening tag
5 Relationship between elements are described in term from a family tree Parent Child <html> <head> <title>page s title</title> </head> <body> <h1>headline 1</h1> <p>paragraph of text</p> </body> </html> Grandchild
6 HTML Documents structure A valid document contains the following components, in order: 1) The document type declaration 2) The document s html element 3) The head element inside of the html element 4) The title element and (optional) link, script, base, meta element inside of the head element 5) Within the html element after the head element must be body element 6) Inside of body element, there must be at least 1 block element
7 Document Type Declaration (DTD) Defines the legal building block of HTML document Should be the very first thing in HTML document Gives information about version of HTML using in the page 3 types of DTD for HTML HTML 4.01 Strict No presentational or deprecated elements (e.g. font) Framesets are not allowed HTML 4.01 Transitional Framesets are not allowed HTML 4.01 Frameset The same as HTML 4.01 Transitional Framesets are allowed
8 DTD Declaration Syntax HTML 4.01 Strict <!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN > HTML 4.01 Transitional <!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN > HTML 4.01 Frameset // // 4 <!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Frameset//EN >
9 Keyword Root element Public Type DTD <!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN 01//EN > URI of the DTD Formal Public Identifier
10 Link to other web page Link and Navigation Tags <a href= >Click here</a> Link to Address <a href= >mail to Admin</a> Link to URL types Absolute URL Relative URL
11 t th Absolute URL student t grade.html teacher score.html sem1 test.html records year2001 sem2 test.html index.html Location: or
12 student grade.html teacher score.html sem1 test.html records year2001 sem2 test.html index.html <a href= >Grade</a> <a href= >Score</a> <a href= > 2001/1</a>
13 student Relative URL grade.html teacher score.html sem1 test.html records year2001 sem2 test.html index.html index.html link to grade.html <a href= student/grade.html >grade.html</a>
14 student grade.html teacher score.html sem1 test.html records year2001 sem2 test.html index.html test.html in sem1 link to score.html <a href="../../../teacher/score.html">link to score</a> <a href="/teacher/score.html">link to score</a>
15 Destination Anchor Destination anchor <a id= top >TOP</a> Link to destination anchor <a href= #top >TOP</a>
16 Charset Other Attributes of <a> <a href= charset= ISO >go to test</a> hreflang <a href= test th/ hreflang= JA >go to test</a> Target <a href= target= _blank >go to test</a> Tabindex <a href= tabindex= 1 >go to test</a>
17 Image, Audio, Video Adding image to the page <img src= image.png alt= logo > Specify the size of image <img src= image.png alt= logo height= 20 width= 30 > Align <img src= image.png alt= logo align= left > Border <img src= image.png alt= logo border= 5 > Space <img src= image.png alt= logo hspace= 15 vspace= 15 >
18
19 Image as links <a href= > </a> <img src= image.png alt= logo > Image Maps
20 Image as links Using Image as Links <a href= > test th/ > </a> <img src= image.png alt= logo > Image Maps Client-side image maps Based on element <map> and <area> inside an <img> element Using <map> element inside the <object> element Server-side image maps
21 Client-side Image Maps using <img> < img src= a.gif alt= A Map width= 500 height= 300 usemap= #gallery > < map name= gallery > < area shape= circle coords= 154,150,59 href= cafe.html alt= Cafe > < area shape= poly coords= 272,79,351,79,351,15,486,15,486,218,272,218,292, 166,292,136x,270,76 href= courtyard.html alt= Courtyard > < area shape= rect coords= 325,224,488,286 href= kitchens.html alt= Kitchens / > < /map>
22 Client-side Image Maps using <object> < object data= cafe_map.gif gif type= image/gif alt= Cafe Map width= 500 height= 300 border= 0 usemap= #cafe > < map name= cafe > < a shape= circle coords= 154,150,59 href= cafe.html > Cafe </a > <a shape= poly coords= 272,79,351,79,351,15,486,15,486,218,272, 218,292,166,292,136,270,76 href= courtyard.html > Courtyard </a> < a shape= rect coords= 325,224,488,286 href= kitchens.html > Kitchens < /a > < /map >
23 Server-Side Image Maps < a href=../map.aspx > < img src=../images/states.gif alt= map of US States ismap= ismap > < /a > [Click mouse at (50,75)]
24 Adding Flash Object to Web Page < object width= 425 height= 344 > < param name= movie value= //dmh0bh /v/dmh0bheirng & hl=en & fs=1 > < /param > < param name= allowfullscreen value= true > < /param > <param name= allowscriptaccess value= always > </param> < embed src= & hl=en & fs=1 type= application/x-shockwave-flash allowscriptaccess= always always allowfullscreen= true width= 425 height= 344 > < /embed > < /bj /object >
25 Adding Audio to Web Page < object width= 300 height= 42 type= audio/mpeg data= audio/music.mp3 > < param name= src value= audio/music.mp3 mp3 / > < param name= autoplay value= true / > < param name= autostart autostart value= 1 / > < embed src= audio/music.mp3 width= 300 height= 42 > < /embed > < /object >
26 Tables Tags <table> <td> : table data <tr> : table row <th> : table head Attributes align (deprecated): left right center bgcolor (deprecated): set background color of table/cell border (deprecated): thickness of cell border, 0 = no border cellpadding (deprecated): create a gap between cell edge and content cellspacing (deprecated): d) create a space between each border of cell
27 dir : direction of text: ltr or rtl frame (deprecated) control how to render table s frame (has priority higher than border) void = no border above = top only below = bottom only hsides = both top and bottom lhs = left side only rhs = right side only vsides = both left and right side box/border = all side frame may gives different results on different browser
28 rules (deprecated): control how to display inner border none = no inner border groups = displays inner borders between groups (groups are created by <thead>, <tbody>, <tfoot> and <colgroup>) rows = displays horizontal line between each row cols = displays vertical line between each row all = displays both horizontal and vertical line Gives different results on different browser. summary: provides a summary of table s purpose to non-visual browser d h (d d) f h d h f h bl ll ( l width (deprecated): specify the width of the table/cell (in pixel or percent)
29 valign (deprecated only <tr>,<td>): vertical alignment, its values can be top, middle, bottom, baseline abbr: provides summary of the cell s content colspan: uses when a cell should span across more than one column (<td>) height: specify the height of cell in pixel or percentage of available space (<td>) rowspan (<td>): specify the number of row that a cell will span cross Table can be nested
30 < table > < tr > < th > < /th > < th > Monday < /th > < th > Tuesday < /th > < th > Wednesday < /th > < th > Thursday < /th > < th > Friday < /th > < th > Saturday < /th > < th > Sunday < /th > < /tr > < tr> < th > Breakfast < /th >
31 < tr > < th > Breakfast < /th > < td > 7:00am - 10:00am < /td > < td > 7:00am - 10:00am 00 < /td > < td > 7:00am - 10:00am < /td > < td > 7:00am - 10:00am < /td > < td > 7:00am - 11:00am < /td > < td > 8:00am - 11:30pm < /td > < td > 8:00am - 11:30pm < /td > < /tr > < tr > < th > Lunch < /th > < td > 11:30am - 2:30pm < /td > < td > 11 30am 2 30pm < /td >
32 < tr > < th > Lunch < /th > < td > 11:30am - 2:30pm < /td > < td > 11:30am - 2:30pm < /td > < td > 11:30am -2:30pm < /td > < td > 11:30am - 2:30pm < /td > < td > 11:30am - 2:30pm < /td > < td > 11:30am - 3:30pm < /td > < td > 11:30am - 3:30pm < /td > < /tr > < /table >
33
34 < table border= 1 > < caption > Spanning columns using the colspan attribute < /caption > < tr > < td bgcolor= #efefef width= 100 height= 100 > & nbsp; < /td > < td bgcolor= # width= 100 height= 100 > & nbsp; < /td > < td bgcolor= # width= 100 height= 100 > & nbsp; < /td > < /tr >
35 < tr > < td bgcolor= #efefef width= 100 height= 100 > & nbsp; < /td > < td colspan= 2 bgcolor= # > & nbsp; < /td > < /tr > < tr > < td colspan= 3 bgcolor= #efefef height= 100 > & nbsp; < /td > < /tr > < /table >
36 < table border= 1 > < caption > Spanning rows using the colspan attribute < /caption > < tr > < td bgcolor= #efefef width= 100 height= 100 > & nbsp; < /td > < td bgcolor= # width= 100 height= 100 > & nbsp; < /td > < td rowspan= 3 bgcolor= # width= 100 height= 100 > & nbsp; < /td > < /tr > < tr > < td bgcolor= #efefef height= 100 > & nbsp; < /td > < td rowspan= 2 bgcolor= # > & nbsp; < /td > < /tr > < tr > < td bgcolor= #efefef height= 100 > & nbsp; < /td > < /tr > < /table >
37 < table border= 1 > < caption > Spanning rows using the colspan attribute < /caption > < tr > < td bgcolor= #efefef width= 100 height= 100 > & nbsp; < /td > < td bgcolor= # width= 100 height= 100 > & nbsp; < /td > < td rowspan= 3 bgcolor= # width= 100 height= 100 > & nbsp; < /td > < /tr> < tr > < td bgcolor= #efefef height= 100 > & nbsp; < /td > < td rowspan= 2 bgcolor= # > & nbsp; < /td > < /tr > < tr > < td bgcolor= #efefef height= 100 > & nbsp; < /td > < /tr > < /table >
38 Form <form> element carry at least 2 attributes action = usually specifies program that will receive information method = specifies HTTP post or HTTP get to be used to carry information to the server Others attributes: id = uniquely identify <form> element within a page, value must be unique to the document name (deprecated) = the same as id onsubmit = fire submit event, uses in conjunction with script, its value is a script
39 onreset = fire clear form event, its value is a script enctype = uses with HTTP post method to tell browser which kind of encoding to be used application/x-www-form-urlencoded (default) = general data encoding multipart/form-data t/f t = data encoding in case of uploading image or file accept-charset = specifies character encoding used target = specifies which frame the form s result will be displayed
40 Text input Buttons Form Controls Checkboxes and radio buttons Select boxes File select boxes Hidden control
41 Form
42 <form action= p p method= get > < h3 > Search the site < /h3 > < input type= text name= txtsearchitem > < input type= submit value= Search > < /form >
43 < form action= method= post > Please tell us what you think of the site and then click submit: < br > < textarea name= txtfeedback rows= 20 cols= 50 > Enter your feedback here. < /textarea t > < br / > < input type= submit value= Submit / > < /form >
44 < form action= method= post > Username: < input type= text name= txtusername value= size= 20 maxlength= 20 > < br > Password: < input type= password name= pwdpassword value= size= 20 maxlength= 20 > < input type= submit value= Submit > < /form >
45 < input type= submit name= btnvotered value= Vote for reds > < input type= submit name= btnvoteblue value= Vote for blues > < br > < br > < input type= reset value= Clear form > < br > < br > < input type= button value= calculate onclick= calculate() >
46 < input type= image src= submit.jpg itj alt= Submit name= btnimage >
47 < button type= submit > Submit < /button > < br > < br > < button type= reset ><b> Clear this form,</b> I want to start again </button> < br > < br > < button type= button > < img src= submit.gif alt= submit > < /button >
48 <form action= method= get name= frmcv > Which of the following skills do you possess? Select all that apply. < input type= checkbox name= chkskills value= xhtml > XHTML < br > < input type= checkbox name= chkskills value= CSS > CSS < br > < input type= checkbox name= chkskills value= JavaScript > JavaScript < br > < input type= checkbox name= chkskills value= aspnet > ASP.Net < br > < input type= checkbox name= chkskills value= php > PHP < /form >
49 < input type= checkbox name= chkacceptterms checked= checked > In the absence of a value attribute, the value is on
50 <form action= name= frmflightbooking method= get > Please select which class of travel you wish to fly: < br > < input type= radio name= radclass value= First > First class < br > < input type= radio name= radclass value= Business > Business class < br > < input type= radio name= radclass value= Economy > Economy class < br > < /form >
51 < select name= selcolor > < option selected= selected value= > Select color < /option > < option value= red > Red < /option > < option value= green > Green < /option > < option value= blue > Blue < /option > < /select >
52 < select size= 4 name= selday > < option value= Mon > Monday < /option > < option value= Tue > Tuesday < /option > < option value= Wed > Wednesday < /option > < option value= Thu > Thursday < /option > < option value= Fri > Friday < /option > < option value= Sat > Saturday < /option > < option value= Sun > Sunday < /option > < /select >
53 < select name= seldays multiple= multiple > < option value= Mon > Monday < /option > < option value= Tue > Tuesday < /option > < option value= Wed > Wednesday < /option > < option value= Thu > Thursday < /option > < option value= Fri > Friday < /option > < option value= Sat > Saturday < /option > < option value= Sun > Sunday < /option > < /select >
54 < select name= selinformation > < optgroup label= Hardware > < option value= Desktop > Desktop computers < /option > < option value= Laptop > Laptop computers < /option > < /optgroup > < optgroup label= Software > < option value= OfficeSoftware > Office software < /option > < option value= Games > Games < /option > < /optgroup > < optgroup label= Peripherals > < option value= Monitors > Monitors < /option > < option value= InputDevices > Input Devices < /option > < option value= Storage > Storage < /option > < /optgroup > < optgroup label= Peripherals > < option value= Monitors > Monitors < /option > < option value= InpD > Input Devices < /option > < option value= Storage > Storage < /option > < /optgroup >
55 < form action= method= post name= fromimageupload enctype= multipart/form-data > < input type= file name= fileupload accept= image/* > < br > < br > < input type= submit value= Submit > < /form >
56 < form action= method= get name= fromvote > < input type= hidden name= hidpagesentfrom value= home page pg > < input type= submit value= Click if this is your favorite page of our site. > < /form >
57 < fieldset > < legend > < em > Contact Information < em > < /legend > < label > First name: < input type= text name= txtfname size= 20 >< /label > < br > < label > Last name: < input type= text name= txtlname size= 20 / > < /label >< br > < label > < input type= text name= txt size= 20 / > < /label >< br > < /fieldset > < fieldset > < legend > < em > Competition Question < /em > < /legend > How tall is the Eiffel Tower in Paris, France? < br > < label > < input type= radio name= radanswer value= 584 >584ft < /label > < br > < label > < input type= radio name= radanswer value= 784 >784ft < /label > < br > < label > < input type= radio name= radanswer value= 984 >984ft < /label > < br > < label > < input type= radio name= radanswer value= 1184 >1184ft < /label > < br > < /fieldset > < fieldset > < legend > < em > Tiebreaker Question < /em > < /legend > < label > In 25 words or less, say why yy you would like to win $10,000: < textarea name= txttiebreaker rows= 10 cols= 40 > < /textarea >< /label >< /fieldset > < fieldset > < legend > < em > Enter competition < /em > < /legend > < input type= submit value= Enter Competition > < /fieldset >
58
59 < option disabled= disabled value= > Hardware < /option > d l d l d l <input type= text name= txtto readonly= readonly id= to size= 20 value= Example Cafe >
60 Element readonly disabled < textarea > Yes Yes < input type= text > Yes Yes < input type= checkbox > No Yes < input type= radio > No Yes < input type= submit > No Yes < input type= reset > No Yes < input type= button > No Yes < select > No Yes < option > No Yes < button > No Yes
61 Attribute readonly disabled Can be modified Will be sent to server Yes, by script Yes Not while disabled Will receive focus Yes No Included in tabbing order Yes No
62
63 Frame Frames divide a browser into two or more separate pieces or panes, with each pane containing a separate web page. Key feature is that you can load and reload Key feature is that you can load and reload single panes without having to reload the entire content
64 <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Frameset//EN > < html > < head >< title > Frames example < /title >< /head > < frameset rows= 150, *, 100 > < frame src= top_frame.html > < frame src= main_frame.html > < frame src= bottom_frame.html > < noframes > < body > This site uses a technology called frames. Unfortunately, your browser does not support this technology. Please upgrade your browser and visit us again! < /body > < /noframes > < /frameset > < /html >
65
Outline. 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 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 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 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 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 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 informationCSI 3140 WWW Structures, Techniques and Standards. Markup Languages: XHTML 1.0
CSI 3140 WWW Structures, Techniques and Standards Markup Languages: XHTML 1.0 HTML Hello World! Document Type Declaration Document Instance Guy-Vincent Jourdan :: CSI 3140 :: based on Jeffrey C. Jackson
More informationOliver Pott HTML XML. new reference. Markt+Technik Verlag
Oliver Pott HTML XML new reference Markt+Technik Verlag Inhaltsverzeichnis Übersicht 13 14 A 15 A 16 ABBR 23 ABBR 23 ACCEPT 26 ACCEPT-CHARSET
More informationChapter 5. Introduction to XHTML: Part 2
Chapter 5. Introduction to XHTML: Part 2 Tables Attributes of the table element: border: width of the table border in pixels (0 makes all lines invisible) align: horizontal alignment (left, center, or
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 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 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 informationAdvanced HTML Scripting WebGUI Users Conference
Advanced HTML Scripting 2004 WebGUI Users Conference XHTML where did that x come from? XHTML =? Extensible Hypertext Markup Language Combination of HTML and XML More strict than HTML Things to Remember
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 informationAppendix A. XHTML 1.1 Module Reference
Appendix A XHTML 1.1 Module Reference 2 How to Do Everything with HTML & XHTML XHTML 1.1 represents a major step by the W3C in moving away from the often-disorderly world of HTML to the organized and orderly
More informationSummary 4/5. (contains info about the html)
Summary Tag Info Version Attributes Comment 4/5
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 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 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 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 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 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 informationDocument Object Model. Overview
Overview The (DOM) is a programming interface for HTML or XML documents. Models document as a tree of nodes. Nodes can contain text and other nodes. Nodes can have attributes which include style and behavior
More informationHTML 5 Tables and Forms
Tables for Tabular Data Display HTML 5 Tables and Forms Tables can be used to represet information in a two-dimensional format. Typical table applications include calendars, displaying product catelog,
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 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 informationWeb Design and Application Development
Yarmouk University Providing Fundamental ICT Skills for Syrian Refugees (PFISR) Web Design and Application Development Dr. Abdel-Karim Al-Tamimi altamimi@yu.edu.jo Lecture 04 A. Al-Tamimi 1 Lecture Overview
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 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 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 informationInternet publishing HTML (XHTML) language. Petr Zámostný room: A-72a phone.:
Internet publishing HTML (XHTML) language Petr Zámostný room: A-72a phone.: 4222 e-mail: petr.zamostny@vscht.cz Essential HTML components Element element example Start tag Element content End tag
More informationTable-Based Web Pages
Table-Based Web Pages Web Authoring and Design Benjamin Kenwright Outline What do we mean by Table-Based Web Sites? Review Table Tags/Structure Tips/Debugging/Applications Summary Review/Discussion Submissions/Quizzes/GitHub
More informationGo.Web Style Guide. Oct. 16, Hackensack Ave Hackensack, NJ GoAmerica, Inc. All rights reserved.
Go.Web Style Guide Oct. 16, 2000 www.goamerica.net 2000 GoAmerica, Inc. All rights reserved. 401 Hackensack Ave Hackensack, NJ 07601 888 462 4600 Go.Web Style Guide 2 Introduction Go.Web is GoAmerica s
More informationThe [HTML] Element p. 61 The [HEAD] Element p. 62 The [TITLE] Element p. 63 The [BODY] Element p. 66 HTML Elements p. 66 Core Attributes p.
Acknowledgments p. xix Preface p. xxi Web Basics Introduction to HTML p. 3 Basic HTML Concepts p. 4 HTML: A Structured Language p. 7 Overview of HTML Markup p. 11 Logical and Physical HTML p. 13 What HTML
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 informationWhich of the following is/are a valid value for the type attribute of the input tag? a. text. b. icon. c. reset. d. password
Which of the following is/are a valid value for the type attribute of the input tag? a. text b. icon c. reset d. password Which of the following is true for the tag in HTML 4.01? a. It does need
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 informationDeccansoft Software Services
Deccansoft Software Services (A Microsoft Learning Partner) HTML and CSS COURSE SYLLABUS Module 1: Web Programming Introduction In this module you will learn basic introduction to web development. Module
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 informationIntro to html. --- define every element, attribute, and entity along with the rules for their use
Notes September 14, 2010 Intro to html replace with your document's title
More information2.1 Origins and Evolution of HTML
2.1 Origins and Evolution of HTML - HTML was defined with SGML - Original intent of HTML: General layout of documents that could be displayed by a wide variety of computers - Recent versions: - HTML 4.0
More informationCS144 Notes: Web Standards
CS144 Notes: Web Standards Basic interaction Example: http://www.youtube.com - Q: what is going on behind the scene? * Q: What entities are involved in this interaction? * Q: What is the role of each entity?
More informationIntroducing Web Tables
TABLE AND FRAMESET Introducing Web Tables A table can be displayed on a Web page either in a text or graphical format. A text table: Contains only text, evenly spaced on the Web page in rows and columns
More informationInternet Explorer HTML 4.01 Standards Support Document
[MS-HTML401]: Intellectual Property Rights Notice for Open Specifications Documentation Technical Documentation. Microsoft publishes Open Specifications documentation ( this documentation ) for protocols,
More informationChapter 2:- Introduction to XHTML. Compiled By:- Sanjay Patel Assistant Professor, SVBIT.
Chapter 2:- Introduction to XHTML Compiled By:- Assistant Professor, SVBIT. Outline Introduction to XHTML Move to XHTML Meta tags Character entities Frames and frame sets Inside Browser What is XHTML?
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 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 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 informationCopyright 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley. Chapter 2 Introduction to XHTML
Chapter 2 Introduction to XHTML 2.1 Origins and Evolution of HTML HTML was defined with SGML Original intent of HTML: General layout of documents that could be displayed by a wide variety of computers
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. 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 & 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 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 information2.1 Origins and Evolution of HTML. 2.3 HTML Document Structure
Chapter 2 Introduction to XHTML 2.1 Origins and Evolution of HTML HTML was defined with SGML Original intent of HTML: General layout of documents that could be displayed by a wide variety of computers
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 informationHTML HTML/XHTML HTML / XHTML HTML HTML: XHTML: (extensible HTML) Loose syntax Few syntactic rules: not enforced by HTML processors.
HTML HTML/XHTML HyperText Mark-up Language Basic language for WWW documents Format a web page s look, position graphics and multimedia elements Describe document structure and formatting Platform independent:
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 informationCanvas & Brush Reference. Source: stock.xchng, Maarten Uilenbroek
Canvas & Brush Reference Source: stock.xchng, Maarten Uilenbroek Canvas Hierarchy WACanvas WAHtmlCanvas WARenderCanvas WAStaticHtmlCanvas Brush Hierarchy WABrush WACompound WADateInput WATimeInput WATagBrush
More informationاستاد: امیر عسگری چناقلو ترم دوم درس طراحی صفحات وب
استاد: امیر عسگری چناقلو ترم دوم 95-96 درس طراحی صفحات وب 1 2 Definition and Usage The comment tag is used to insert comments in the source code. Comments are not displayed in the browsers. You can use
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 Overview. With an emphasis on XHTML
HTML Overview With an emphasis on XHTML What is HTML? Stands for HyperText Markup Language A client-side technology (i.e. runs on a user s computer) HTML has a specific set of tags that allow: the structure
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 informationChapter 7 Tables and Layout
Chapter 7 Tables and Layout Presented by Thomas Powell Slides adopted from HTML & XHTML: The Complete Reference, 4th Edition 2003 Thomas A. Powell We want Layout! Design requirements: pixel level layout,
More informationWeb Development & Design Foundations with HTML5
1 Web Development & Design Foundations with HTML5 CHAPTER 8 TABLES 2 Learning Outcomes In this chapter, you will learn how to... Create a basic table with the table, table row, table header, and table
More informationHTML and CSS COURSE SYLLABUS
HTML and CSS COURSE SYLLABUS Overview: HTML and CSS go hand in hand for developing flexible, attractively and user friendly websites. HTML (Hyper Text Markup Language) is used to show content on the page
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 informationc122sep2914.notebook September 29, 2014
Have done all at the top of the page. Now we will move on to mapping, forms and iframes. 1 Here I am setting up an image and telling the image to uuse the map. Note that the map has name="theimage". I
More informationIMY 110 Theme 11 HTML Frames
IMY 110 Theme 11 HTML Frames 1. Frames in HTML 1.1. Introduction Frames divide up the web browser window in much the same way that a table divides up part of a page, but a different HTML document is loaded
More informationChapter 7 Tables and Layout
Chapter 7 Tables and Layout Presented by Thomas Powell Slides adopted from HTML & XHTML: The Complete Reference, 4th Edition 2003 Thomas A. Powell We want Layout! Design requirements: pixel level layout,
More informationID1354 Internet Applications
ID1354 Internet Applications HTML Leif Lindbäck, Nima Dokoohaki leifl@kth.se, nimad@kth.se SCS/ICT/KTH HTML INTRODUCTION TO HTML 2(83) Introduction to HTML HTML defines parts of documents (headers, paragraphs,
More information2.1 Origins and Evolution of HTML
2.1 Origins and Evolution of HTML - Derived from SGML - Original intent: General layout of documents that could be displayed by a wide variety of computers - Recent versions: - HTML 4.0-1997 - Introduced
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 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 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 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 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 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 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 informationMarkup Language. Made up of elements Elements create a document tree
Patrick Behr Markup Language HTML is a markup language HTML markup instructs browsers how to display the content Provides structure and meaning to the content Does not (should not) describe how
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 informationTable of Contents. MySource Matrix Content Types Manual
Table of Contents Chapter 1 Introduction... 5 Chapter 2 WYSIWYG Editor... 6 Replace Text... 6 Select Snippet Keyword... 7 Insert Table and Table Properties... 8 Editing the Table...10 Editing a Cell...12
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 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 informationThe figure below shows the Dreamweaver Interface.
Dreamweaver Interface Dreamweaver Interface In this section you will learn about the interface of Dreamweaver. You will also learn about the various panels and properties of Dreamweaver. The Macromedia
More informationOutline. XHTML fundamentals. Authoring tools Text formatting Special characters Hyperlinks Lists Meta Data Colors Audio and Video Summary
XHTML fundamentals 1 Outline Goals and Objectives Topic Headlines Introduction Origins & Evolution of HTML Web sites and pages Content of web pages Authoring of web pages XHTML Syntax XHTML Document Structure
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 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 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 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 informationCOMP519: Web Programming Lecture 4: HTML (Part 3)
COMP519: Web Programming Lecture 4: HTML (Part 3) Ullrich Hustadt Department of Computer Science School of Electrical Engineering, Electronics, and Computer Science University of Liverpool Contents 1 HTML
More informationIndex. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148
Index Numbers & Symbols (angle brackets), in HTML, 47 : (colon), in CSS, 96 {} (curly brackets), in CSS, 75, 96. (dot), in CSS, 89, 102 # (hash mark), in CSS, 87 88, 99 % (percent) font size, in CSS,
More informationStatic Webpage Development
Dear Student, Based upon your enquiry we are pleased to send you the course curriculum for PHP Given below is the brief description for the course you are looking for: - Static Webpage Development Introduction
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 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 informationCreating and Setting Up the Initial Content
Creating and Setting Up the Initial Content Creating and Setting Up the Initial Content The following sections outline the steps necessary to create and set up the initial content displayed on the homepage.
More informationCITS1231 Web Technologies. HTML Tables and Page Design Issues
CITS1231 Web Technologies HTML Tables and Page Design Issues Lecture Content Defining Tables Creating Hyperlinks Formatting Text Meta-data Good HTML practices 2 Creating a Newspaper-Style Layout 3 Table
More informationJSF - H:INPUTSECRET. Class name of a validator that s created and attached to a component
http://www.tutorialspoint.com/jsf/jsf_inputsecret_tag.htm JSF - H:INPUTSECRET Copyright tutorialspoint.com The h:inputsecret tag renders an HTML input element of the type "password". JSF Tag
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 informationINFS 2150 Introduction to Web Development
INFS 2150 Introduction to Web Development 6. Tables and Columns Objectives Explore the structure of a web table Create table heading and data cells Apply CSS styles to a table Create cells that span multiple
More informationINFS 2150 Introduction to Web Development
INFS 2150 Introduction to Web Development 6. Tables and Columns Objectives Explore the structure of a web table Create table heading and data cells Apply CSS styles to a table Create cells that span multiple
More information