HTML Hints & Tips. HTML is short for HyperText Markup Language.
|
|
- Roland Augustus Sims
- 5 years ago
- Views:
Transcription
1 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 attributes are created by adding HTML tags to a text file. The tags tell the web browser how to present web page elements. Although there are almost 100 different tags, there are a handful that you will use on a regular basis and are helpful to know. Using HTML Tags HTML tags generally come in pairs, an opening tag and a closing tag. Content that is placed between these tags take on the attributes of the selected tag. For example: This text is <b>bold</b> and this text is not. Would display on the web page as: This text is bold and this text is not. The opening tag is contained in brackets created by using the greater than and less than signs < > The closing tag is the same as the opening tag except that the tag is prefaced by a forward slash / TIP Although the HTML tags will work whether you use upper or lowercase letters it is industry best practice to always use lowercase. Using uppercase letters can be likened to shouting the tag name and it can be very distracting to the eye when working with an HTML tagged page of content. Frequently Used Categories of HTML Tags The frequently categories of HTML tags are: Text Formatting Line Breaks and Text Alignment Lists Tables Lines 2/10 Provided by Rebecca Spitler Rotary Club of Gwinnett County Page 1
2 TIP A great way to create and check new HTML content is to use a realtime online HTML editor such as, This editor allows you to enter content with HTML tags in one frame while seeing how it will appear on an active webpage in a second frame. Once you get the content the way you want it you can copy and paste it into your webpage. HTML Text Formatting These are HTML tags that set the attributes of the text to be displayed on a web page such as text size, bolding, italics, underlining, color and font face. Bold <b>creates bold text</b> <b> </b> Creates bold text Italic Underline Subscript Superscript Blinking Font Face <i> </i> <u> </u> <sub> </sub> <sup> </sup> <blink> </blink> <font face=font name> </font> <i>creates italic text</i> Creates italic text <u>creates underlined text</u> Creates underlined text <sub>creates subscript</sub> Creates subscript <sup>creates superscript</sup> Creates superscript <blink>creates blinking text</blink> Text blinks on and off <font face="arial">sets the font face to Arial</font> Sets the font face to Arial Some typical font faces are: Times New Roman, Arial, Cambria, Calibri, Tahoma, Verdana 2/10 Provided by Rebecca Spitler Rotary Club of Gwinnett County Page 2
3 HTML Text Formatting, Font Size <font size=5>here is a size 5 font</font> <font size=#> </font> Here is a size 5 font Heading Size Font Color <h#> </h> <font color="color"> </font> Font sizes range from 1 to 7, 1 being the smallest and 7 being the largest. The default size of a font is 3. <h1>heading 1</h1> <h2>heading 2</h2> <h3>heading 3</h3> <h4>heading 4</h4> <h5>heading 5</h5> <h6>heading 6</h6> Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 There are 6 levels of headings ranging from h1 for the most important, to h6 for the least important. <font color=red>this font is red </font> This font is red Sets font color, using the color name or hex value. It is easiest to use the name of the color, examples include: green, red, blue, yellow, purple, magenta, brown, orange. 2/10 Provided by Rebecca Spitler Rotary Club of Gwinnett County Page 3
4 HTML Line Breaks and Text Alignment These are HTML tags that help you create spacing and alignment with your text blocks. Paragraph This is an example displaying the use of <p> the paragraph tag. <p> This will create a line break and a space between lines. Carriage Return Align or Justify Text Indent Text from the Left & Right <br> <p align=location> </p> <blockquote> </blockquote> This is an example displaying the use of the paragraph tag. This will create a line break and a space between lines. The paragraph tag creates a line break and a space between lines. The closing tag is only required if you are setting alignment for the paragraph. This tag adds a line break.<br> This sentence will start on a new line. This tag adds a line break. This sentence will start on a new line. Creates a single line break or carriage return each time this tag is used. It does not require a closing tag. <p align=center>center the text on the screen.</p> Alignment options include left, center, right and justified. <blockquote>indents text from both sides</blockquote> Indents text from both sides 2/10 Provided by Rebecca Spitler Rotary Club of Gwinnett County Page 4
5 HTML Lists These tags help your order text into a list format. Numbered list <ol> </ol> <ol> <li>list item 2</li> </ol> 1. List item 1 2. List item 2 3. List item 3 The default bullet type is 1.,2., etc. Unordered or Bulleted List List Item <ul> </ul> <li> </li> <ul> <li>list item 2</li> </ul> List item 1 List item 2 List item 3 The default bullet type is a disc. List item 1 Precedes each list item, and adds a number or symbol depending upon the type of list selected. The default bullet type is a disc. 2/10 Provided by Rebecca Spitler Rotary Club of Gwinnett County Page 5
6 HTML Lists, Bullet Type (entire list) <ul type=name of bullet type> <ul type=circle> <li>list item 2</li> </ul> o List item 1 o List item 2 Bullet Type (individual bullet) <li type=name of bullet type> <ul type=circle> <li>list item 2</li> </ul> List item 1 List item 2 The bullet type defined will apply to the entire bulleted list. Bullet types can be Disc, Circle or Square. <ul> <li type=circle>list item 2</li> </ul> List item 1 o List item 2 List item 3 The bullet type defined will apply to the selected bullet. Bullet types can be Disc, Circle or Square. 2/10 Provided by Rebecca Spitler Rotary Club of Gwinnett County Page 6
7 HTML Lists, Numbering Type (entire list) <ol type=name of numbering type> <ol type=a> <li>list item 2</li> </ol> Numbering Type (individual bullet) <li type=name of numbering type> A. List item 1 B. List item 2 C. List item 3 The numbering type defined will apply to the entire bulleted list. Numbering types can be A, a, I, I, 1. <ol> <li type=a>list item 2</li> </ol> 1. List item 1 A. List item 2 2. List item 3 The numbering type defined will apply to the selected bullet. Numbering types can be A, a, I, I, 1. 2/10 Provided by Rebecca Spitler Rotary Club of Gwinnett County Page 7
8 HTML Lists, Starting Number (entire list) <ol start=#> <ol start=3> <li>list item 2</li> </ol> 3. List item 1 4. List item 2 5. List item 3 <ol type= A start=3> <li>list item 2</li> </ol> C. List item 1 D. List item 2 E. List item 3 The starting number will resequence the entire bulleted list. Numbering types can be A, a, I, I, 1. 2/10 Provided by Rebecca Spitler Rotary Club of Gwinnett County Page 8
9 HTML Lists, Starting Number (individual bullet) <li value=#> <ol> <li value=5>list item 2</li> </ol> 1. List item 1 5. List item 2 6. List item 3 Definition List Definition List - Term Definition List - Definition <dl></dl> <dt> <dd> <ol type= a> <li value=10>list item 2</li> </ol> A. List item 1 J. List item 2 K. List item 3 The starting number will resequence the entire bulleted list from the identified bullent to the end of the list. Numbering types can be A, a, I, I, 1. <dl> <dt>quiz<dd>a way to test ones knowledge. <dt>apple<dd>a piece of fruit. </dl> Quiz A way to test ones knowledge. Apple A piece of fruit. 2/10 Provided by Rebecca Spitler Rotary Club of Gwinnett County Page 9
10 HTML Tables Table <table> Table Row </tr> Table Row Cell <td></td> <table> 2</td> </tr> Table cell 1 Table cell 2 Table Border Width <table border=#> <table border=1> 2</td> </tr> Table cell 1 Table cell 2 Table Header <th></th> <table border=1> 2</td></tr> Table Header 1 Table Header 2 Table cell 1 Table cell 2 Sets text in the cell to bold and centers the text 2/10 Provided by Rebecca Spitler Rotary Club of Gwinnett County Page 10
11 HTML Tables, Table Cell Spacing <table cellspacing=#> <table border=1 cellspacing=5> 2</td></tr> Table Header 1 Table Header 2 Table cell 1 Table cell 2 Cell Contents Border Spacing <table cellpadding=#> Results in wider spacing between cell outlines. <table border=1 cellspacing=5 cellpadding=10> 2</td></tr> Table Header 1 Table Header 2 Table cell 1 Table cell 2 Results in more spacing around the text in the cells. 2/10 Provided by Rebecca Spitler Rotary Club of Gwinnett County Page 11
12 HTML Tables, Table Width <table width=#> or <table width=#%> <table border=1 cellspacing=5 cellpadding=10 table width=50%> 2</td></tr> The table will span half of the webpage width Column Width <col width=#> <table border=1 cellspacing=5 cellpadding=10 table width=500> 2</td></tr> The table will span a width of 500 pixels The table width is expressed as a percentage of the width of the screen or as a number of pixels. <table border=1 col width=150> 2</td></tr> Each column will be 150 pixels wide and if the text is wider than that it will wrap. The column width is expressed in the number of pixels. *A pixel is a single dot. Screen images are made up of an array of dots. 2/10 Provided by Rebecca Spitler Rotary Club of Gwinnett County Page 12
13 HTML Tables, Horizontal Cell Alignment (for a specific row) <tr align=alignment parameter> <table border=1 col width=250> <tr align=right><td>table cell 1</td><td>Table cell 2</td></tr> <td>table cell 3</td><td>Table cell 4</td> Table Header 1 Table Header 2 Table cell 1 Table cell 2 Table cell 3 Table cell 4 Horizontal Cell Alignment (for a specific cell) <td align=alignment parameter> Sets the horizontal alignment for a specific row of cells. Options are left, center, or right. Default alignment is left. <table border=1 col width=250> <td align=right>table cell 1</td><td>Table cell 2</td></tr> <td>table cell 3</td><td>Table cell 4</td> Table Header 1 Table Header 2 Table cell 1 Table cell 2 Table cell 3 Table cell 4 Sets the horizontal alignment for a specific cell. Options are left, center, or right. Default alignment is left. 2/10 Provided by Rebecca Spitler Rotary Club of Gwinnett County Page 13
14 HTML Lines Horizontal Creates a line that goes across the Line <hr> webpage horizontally. Horizontal Line Width Horizontal Line Thickness Solid Line (no 3D shadow) <hr width=#> or <hr width=#%> <hr size=#> <hr noshade> <hr width=50% size=3> The number value for the width and thickness of a line is always refers to pixels. The default alignment is centered. <hr width=50% size=5 noshade> Horizontal Line Alignment <hr align=alignment parameter> <hr width=50% size=5 noshade align=left> Alignment options are right, left, center. The default is center. 2/10 Provided by Rebecca Spitler Rotary Club of Gwinnett County Page 14
A 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 informationCSC 121 Computers and Scientific Thinking
CSC 121 Computers and Scientific Thinking Fall 2005 HTML and Web Pages 1 HTML & Web Pages recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language
More informationrecall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML)
HTML & Web Pages recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML) HTML specifies formatting within a page using tags in its
More 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 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 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 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 Development & Design Foundations with HTML5 & CSS3 Instructor Materials Chapter 2 Test Bank
Multiple Choice. Choose the best answer. 1. What tag pair is used to create a new paragraph? a. b. c. d. 2. What tag pair
More informationWeb Development & Design Foundations with HTML5 & CSS3 Instructor Materials Chapter 2 Test Bank
Multiple Choice. Choose the best answer. 1. What tag pair is used to create a new paragraph? a. b. c. d. 2. What tag pair
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 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 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 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 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 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 informationHTML Tags Chart. To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste it into your web page.
HTML Tags Chart To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste it into your web page. Tag Name Code Example Browser View
More informationShatin Tsung Tsin Secondary School S.3 Computer and Technology Web Page Design by HTML Introduction to HTML
Shatin Tsung Tsin Secondary School S.3 Computer and Technology Web Page Design by HTML Introduction to HTML HTML (Hyper Text Markup Language) is the set of markup symbols (tags or codes) (e.g. , ,
More 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 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 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 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 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 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 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 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 informationICT IGCSE Practical Revision Presentation Web Authoring
21.1 Web Development Layers 21.2 Create a Web Page Chapter 21: 21.3 Use Stylesheets 21.4 Test and Publish a Website Web Development Layers Presentation Layer Content layer: Behaviour layer Chapter 21:
More informationAppendix D CSS Properties and Values
HTML Appendix D CSS Properties and Values This appendix provides a brief review of Cascading Style Sheets (CSS) concepts and terminology, and lists CSS level 1 and 2 properties and values supported by
More informationTag Name Code Example Browser View. <!--This can be viewed in the HTML part of a document--> <a href=" Visit Our Site</a>
Tag Name Code Example Browser View Visit Our Site Nothing will show Visit Our Site
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 informationWeb Development and Design Foundations with HTML5 8th Edition
Web Development and Design Foundations with HTML5 8th Edition Felke-Morris TEST BANK Full clear download (no formatting errors) at: Web Development and Design Foundations with HTML5 8th Edition Felke-Morris
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 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 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 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 informationAnnouncements. Paper due this Wednesday
Announcements Paper due this Wednesday 1 Client and Server Client and server are two terms frequently used Client/Server Model Client/Server model when talking about software Client/Server model when talking
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 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 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 informationText and Layout. Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 11. This presentation 2004, MacAvon Media Productions
Text and Layout Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 11 This presentation 344 345 Text in Graphics Maximum flexibility obtained by treating text as graphics and manipulating
More 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 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 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 informationAMAN Computer Institute. HTML Lesson
HTML Lesson In this first lesson, you will get a brief presentation of the tools you need to make a website. What is needed? Most likely you already have everything you need. You have a "browser". A browser
More informationHTML Tags Chart. To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste it into your web page.
HTML Tags Chart To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste it into your web page. Tag Name Code Example Browser View
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 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 informationBasics of Web Design, 3 rd Edition Instructor Materials Chapter 2 Test Bank
Multiple Choice. Choose the best answer. 1. What element is used to configure a new paragraph? a. new b. paragraph c. p d. div 2. What element is used to create the largest heading? a. h1 b. h9 c. head
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 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 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 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 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 information1 of 7 11/12/2009 9:29 AM
1 of 7 11/12/2009 9:29 AM Home Beginner Tutorials First Website Guide HTML Tutorial CSS Tutorial XML Tutorial Web Host Guide SQL Tutorial Advanced Tutorials Javascript Tutorial PHP Tutorial MySQL Tutorial
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 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 informationICT IGCSE Practical Revision Presentation Web Authoring
21.1 Web Development Layers 21.2 Create a Web Page Chapter 21: 21.3 Use Stylesheets 21.4 Test and Publish a Website Web Development Layers Presentation Layer Content layer: Behaviour layer Chapter 21:
More 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 informationZen Garden. CSS Zen Garden
CSS Patrick Behr CSS HTML = content CSS = display It s important to keep them separated Less code in your HTML Easy maintenance Allows for different mediums Desktop Mobile Print Braille Zen Garden CSS
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 informationBASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS
BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS 1 LEARNING OUTCOMES Describe the anatomy of a web page Format the body of a web page with block-level elements including headings, paragraphs, lists,
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 informationPage Layout Using Tables
This section describes various options for page layout using tables. Page Layout Using Tables Introduction HTML was originally designed to layout basic office documents such as memos and business reports,
More informationDreamweaver MX Overview. Maintaining a Web Site
Dreamweaver MX Overview Maintaining a Web Site... 1 The Process... 1 Filenames... 1 Starting Dreamweaver... 2 Uploading and Downloading Files... 6 Check In and Check Out Files... 6 Editing Pages in Dreamweaver...
More informationDreamweaver CS3 Concepts and Techniques
Dreamweaver CS3 Concepts and Techniques Chapter 3 Tables and Page Layout Part 1 Other pages will be inserted in the website Hierarchical structure shown in page DW206 Chapter 3: Tables and Page Layout
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 information3.1 Introduction. 3.2 Levels of Style Sheets. - The CSS1 specification was developed in There are three levels of style sheets
3.1 Introduction - The CSS1 specification was developed in 1996 - CSS2 was released in 1998 - CSS2.1 reflects browser implementations - CSS3 is partially finished and parts are implemented in current browsers
More information- The CSS1 specification was developed in CSS2 was released in CSS2.1 reflects browser implementations
3.1 Introduction - The CSS1 specification was developed in 1996 - CSS2 was released in 1998 - CSS2.1 reflects browser implementations - CSS3 is partially finished and parts are implemented in current browsers
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 informationWTAD. Unit -1 Introduction to HTML (HyperText Markup Language)
WTAD Unit -1 Introduction to HTML (HyperText Markup Language) HTML (Hyper Text Markup Language) 3 languages all web developers must learn: 1. HTML to define the content of web pages 2. CSS to specify the
More informationChapter 2 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 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 informationChapter 7 Typography, Style Sheets, and Color. Mrs. Johnson
Chapter 7 Typography, Style Sheets, and Color Mrs. Johnson Typography Typography refers to the arrangement, shape, size, style, and weight of text. Affects the navigation and usability of a web site and
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 informationIntroduction. The purpose of this document is to provide information for using basic HTML to create web pages by introducing the following concepts:
Web Design Basics Introduction The purpose of this document is to provide information for using basic HTML to create web pages by introducing the following concepts: HTML Tags HTML Tags Formatting Background
More informationCMPT 165: More CSS Basics
CMPT 165: More CSS Basics Tamara Smyth, tamaras@cs.sfu.ca School of Computing Science, Simon Fraser University October 14, 2011 1 The Favorites Icon The favorites icon (favicon) is the small icon you see
More informationINTRODUCTION TO HTML5! HTML5 Page Structure!
INTRODUCTION TO HTML5! HTML5 Page Structure! What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML came in 1999. The web has changed a lot since
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 informationWeb Development & Design Foundations with XHTML. Chapter 2 Key Concepts
Web Development & Design Foundations with XHTML Chapter 2 Key Concepts Learning Outcomes In this chapter, you will learn about: XHTML syntax, tags, and document type definitions The anatomy of a web page
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 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 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 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 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 informationThis document provides a concise, introductory lesson in HTML formatting.
Tip Sheet This document provides a concise, introductory lesson in HTML formatting. Introduction to HTML In their simplest form, web pages contain plain text and formatting tags. The formatting tags are
More informationCSCE 101. Creating Web Pages with HTML5 Applying style with CSS
CSCE 101 Creating Web Pages with HTML5 Applying style with CSS Table of Contents Introduction... 1 Required HTML Tags... 1 Comments... 2 The Heading Tags... 2 The Paragraph Tag... 2 The Break Tag... 3
More informationHTML TUTORIAL ONE. Understanding What XHTML is Not
HTML TUTORIAL ONE Defining Blended HTML, XHTML and CSS HTML: o Language used to create Web pages o Create code to describe structure of a Web page XHTM: o Variation of HTML o More strictly defines how
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 informationWeb Design and Development ACS Chapter 11. Creating Lists 11/16/2017 1
Web Design and Development ACS-1809 Chapter 11 Creating Lists 11/16/2017 1 Creating Lists Ordered Lists Unordered Lists Definition Lists Combination and Nesting of Lists Style Lists 11/16/2017 2 Ordered
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 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 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 informationCreate a new document based on default template, other available template like: memo, fax, agenda.
Word Processing 3 Objectives: Working with Documents Enhancing Productivity Using the Application Open, close a word processing application. Open, close documents. Create a new document based on default
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 informationc122jan2714.notebook January 27, 2014
Internet Developer 1 Start here! 2 3 Right click on screen and select View page source if you are in Firefox tells the browser you are using html. Next we have the tag and at the
More informationLearning Objectives. Review html Learn to write a basic webpage in html Understand what the basic building blocks of html are
HTML CSCI311 Learning Objectives Review html Learn to write a basic webpage in html Understand what the basic building blocks of html are HTML: Hypertext Markup Language HTML5 is new standard that replaces
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 informationSeaMonkey Composer: Creating Web Pages
SeaMonkey Composer: Creating Web Pages v.1101 There are many ways to create and modify Web pages to be published on the Web. You can use any text editor such as Notepad to directly enter or modify the
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 information