An Attribute is a special word used inside tag to specify additional information to tag such as color, alignment etc.
|
|
|
- Blanche Leonard
- 9 years ago
- Views:
Transcription
1 CHAPTER 10 HTML-I BASIC HTML ELEMENTS HTML (Hyper Text Markup Language) is a document-layout and hyperlink-specification language i.e., a language used to design the layout of a document and to specify the hyperlink. HTML tells the browser how to display the contents of a hypertext document i.e., a document including text, images and other support media. HTML : What it is HTML: What it is not Web Page Layout Language Word Processing Tool Hyperlink Specification Language Programming Language WRITING HTML DOCUMENTS HTML is made up oftag andattribute. TAG A Tag is a coded HTML command that indicates how part of web page should be displayed. All HTML tags are contained with angle brackets (< >) e.g., is a tag. Similarly <H1> is a tag. ATTRIBUTE An Attribute is a special word used inside tag to specify additional information to tag such as color, alignment etc.
2 You can type HTML in capital letters as well as in small letters. HTML DOCUMENT STRUCTURE This tag identifies the document as an HTML document. An HTML document begins with and ends with <TITLE> Title of page is written here </TITLE> <BODY> The HTML tags that define your page go here </BODY> The tag contains information about the document, including its title, and document description. The tag is entered between tags. This tag contains the document title. The title specified inside <TITLE> tag appears on the browses title bar. The <BODY> tag encloses all the tags, attributes and information to be displayed in the web page. The <BODY> tag is entered below the closing tag and above the closing tag.
3 HEADER BODY WHERE TO WRITE HTML CODE 1. Open Text Editor, (Notepad in case of Windows Operating System). 2. Type the HTML code in it. 3. Save the file with extension.html/.htm 4. To view the created HTML file in browser, double click on the file. CONTAINER ELEMENTS HTML container elements require a starting as well as an ending tag. Some examples of container elements are:.... <TITLE>..</TITLE> <B>..</B>
4 EMPTY ELEMENTS HTML Empty elements require just a starting tag and not an ending tag. Some examples of Empty Container are: <br> <hr> <img> HTML TAG STRUCTURE 1. Every HTML tag consists of a tag name, sometimes followed by an optional list of attributes, all placed between opening and closing angle brackets (< and >). 2. A tag attribute s value, if any, is given after the equal sign (=) in quotes generally after the attribute name. For example, <A href = Some examples of HTML tags with attributes are: <body bgcolor = red > TAG ATTRIBUTE
5 BASIC HTML TAGS 1. The HTML Tag The and tags are used to mark the beginning and end of an HTML document. This tag does not have any effect on appearance of document. This tag is used to make browsers and other programs know that this is an HTML document. Attributes of HTML tag (i) The DIR attribute This attribute can have values either ltr(left-to-right) or rtl(right-to-left). e.g. <HTML dir = ltr> (ii) The LANG attribute This attribute of tag specifies the language you ve generally used within the document. To specify base language of web page, the LANG attribute is used. e.g. en is used to specify English Language and fr is used to specify French language. e.g. <HTML lang = en> HTML Tag Type Function Attributes Contains Container Element Delimits a complete HTML document DIR, LANG Head-tag, body-tag
6 2. The HEAD Tag The HEAD tag is used to define the document header. tag contains information about the document, including its title and document description. Type Function Attributes - Contains Container Element HEAD Tag It defines the document header. <Title> tag 3. The TITLE Tag TITLE Tag Type Container Element Function Define the document title. Attributes - Used Inside. tags Problem: To display the web page title as My First HTML Page. <TITLE> My First Page </TITLE> <BODY> </BODY>
7 4. The Body Tag The body tag defines the document s body. It contains all the contents of an HTML document, such as text, images, lists, table, etc. Attribute of Body Tag 1. Background attribute This attribute allow you to include a background image. <BODY background = Pic.jpg > This above statement will set pic.jpg image as background of the body of web page. 2. Background color, Text Color, Link Color By default browsers display text in black. If you want to change the color or text (by TEXT attribute), color of links (by LINK attribute), color of active links (by ALINK attribute) and background color (by BGCOLOR attribute ). Consider the following: <BODY bgcolor = teal text = magenta link = yellow alink = red > - The background color is teal. (bgcolor = teal ) - Text color is magenta. - Links that have not been visited recently are made yellow(link = yellow ) - Links that are currently being clicked on (alink = lime )
8 Problem: To make the background appear black, text lime, links yellow and recently visited links red. <TITLE>Attributes of Body Tag </TITLE> <BODY bgcolor = black text= white link = red alink = yellow > Informatics practices Class XII <a href= > Click here to access google search engine</a> </BODY> Setting Left and Top Margins - The margin refer to the blank area left from the edge of page. - If you want to leave some blank area in the left side, you can use LEFTMARGIN attribute as follows: <BODY leftmargin = value> The value is the number of pixels (72 pixels make an inch) to be left blank. e.g. <BODY leftmargin = 60 > - If you want to set the top margin i.e. distance from the top edge, you can use TOPMARGIN attribute. e.g. <BODY topmargin = 70 >
9 This will make the body-text appear 70 pixels away from top edge of the page. Problem: To make body text appear 60 pixels away from the top edge of page and 75 pixels away from left edge of page. <TITLE>Usage of Margins </TITLE> <BODY topmargin = 60 leftmargin = 75 > Information Technology is an important subject of Engineering. </BODY> 5. Heading in HTML (H1 H6 Tags) - HTML has six levels of headings, numbered 1 through 6, with 1 being the largest. - Headings are typically displayed in larger or bolder fonts than normal body text. Attribute of Heading tag 1. ALIGN - used to set the alignment of heading. It can take either LEFT, RIGHT or CENTER as its value.
10 Problem: To display multiple headings in multiple forms using H1. H6 tags. <TITLE> Headings in HTML </TITLE> <BODY> <H1> Level 1 Heading </H1> <H2 align = center > Level 2 Heading </H2> <H3> Level 3 Heading </H3> <H4 align = right > Level 4 Heading </H4> <H5> Level 5 Heading </H5> <H6 align = left > Level 6 Heading </H6> </BODY> 6. <P> (Paragraph) Tag - To start a new paragraph, <P> tag is used. It is a container tag. Attribute of <P> tag 1. ALIGN - used to set the alignment of paragraph. It can take either LEFT, RIGHT or CENTER as its value.
11 Problem: To display text with line and paragraph breaks. <html> <head> <title> Paragraph</title> </head> <body> <p> This will start a new paragraph</p> <p align= center > Again starting of new paragraph </p> </body> <html> 7. <BR> tag - To end one line, and to jump to the next <BR> tag is used. <html> <head> <title> Paragraph</title> </head> <body> Writing a line. I want to write in next line.<br/> I am in a new line. </body> <html>
12 8. <CENTER> Tag - To centralize a segment of text, just type the text between <CENTER> and </CENTER>. For example, the code <CENTER> This is centralized </CENTER> Will make text This is centralized appear centralized on browser window. 9. Horizontal Rules - <HR> - Tag - The <HR> tag produces a horizontal line spread across the width of the browser window. Attributes of <HR> tag (i) Size This attribute allows you to set the size of the horizontal rule. Problem: To display horizontal rules of various sizes. <TITLE> Various Horizontal Rule </TITLE> <BODY> <P> This is conventional document text. </P> <HR> The next three horizontal rules are of different sizes. <HR size=12> <HR size =36> <HR size =72> <BODY>
13 (ii) width Attribute of <HR> The length of horizontal rules can be controlled with width attribute. Problem: To display horizontal rules of different widths. <TITLE>Width of Horizontal Rule</TITLE> <BODY> <P> The following two rules have widths of 100 and 200 pixels respectively <HR width=100><br><br> <HR width=200> </BODY> 10.<FONT> tag It lets you change the size, style and color of the text It is generally used for changing the appearance of a short segment of text. Attributes of <FONT> tag (i) (ii) (iii) size: used to specify the size of the text. color : used to change the color of text. face : used to change the way of displaying text.
14 Problem : To display a paragraph on red color in size 4 but its first letter should be of size 7 and of blue color. <TITLE>Base Font</TITLE> <BODY> <FONT size=7 color= blue > U </FONT> <FONT size=4 color= red > sing the largest font </FONT> </BODY> Problem: To display text in a particular font-type. <TITLE>Font Faces</TITLE> <BODY> <FONT size=7 color= blue face= Broadway,Arial, Albertus > The font are displaying. </FONT><br> This is the text without any specific font. </BODY>
15 11.<BASEFONT> tag - This tag lets you define the basic size for the font, the browser will use to render normal document text. Attribute of <BASEFONT> tag size its value determines the document s base font size. It have value between 1 and 7. Problem: To display text by changing base font sizes. <TITLE> Base Font </TITLE> <BODY> This text is being displayed in default font size as no basefont size hase been set as yet. <BASEFONT size =5> This text has base font size =5. </BODY> Comments <!... and..> - Comment are one type of textual content which appear in your HTML code, but are not rendered by user s browser. - Comments are given between special <!-- and --> characters. - Browsers ignore the text between comment characters.
16 LOGICAL AND PHYSICAL TEXT STYLES HTML has two types of styles for individual words or sentences: (i) (ii) Logical and Physical styles LOGICAL TEXT STYLES - Logical styles render the text according to its meaning e.g. <EM> is for emphasizing something and <STRONG> is for strongly emphasizing some thing. - Various logical styles are: <DFN> - for a word being defined. Typically displayed in italics. <EM>- for emphasis. Typically displayed in italics. <CITE> - for titles of books, films, etc. Typically displayed in italics. <STRONG>- for strong emphasis. Typically displayed in bold. (all above mentioned tags are container elements) PHYSICAL TEXT STYLES - It indicate the specific type of appearance for a section e.g. bold, italics etc. - Various physical text styles are; <B> - bold text <I> - italic text <U> - underlined text (all above mentioned tags are container elements)
17 SUBSCRIPT AND SUPERSCRIPT - To write something like H 2 0, you can write it as H <SUB>2</SUB>O. - Similarly, to write something like X 2, you can write it as X<SUP>2</SUP>. SPECIAL CHARACTERS - The left angle bracket (<), the right angle bracket (>) and the ampersand (&) have special meaning in HTML and therefore cannot be used in normal text. - To use one of the three characters in an HTML document, you must enter its escape sequence instead as illustrated below: < - the escape sequence for < > - the escape sequence for > & - the escape sequence for & Problem: To display special characters. <TITLE> Special characters </TITLE> <BODY> <P> < and > and & are special characters that are displayed Using escape sequence. </P> </BODY>
18 MCQ s 1. With which HTML tag do you apply attributes that modify text sizes, font-face, and color? (a) <font> (b) <mod> (c) <f> (d) <text> 2. Which HTML tag would you apply the bgcolor attribute to in order to change the background color of the web page? (a) <html> (b) <head> (c) <body> (d) <p> 3. In which section of an HTML document do you enter the <title> element? (a) The body section (b) The footer section (c) The style section (d) The head section 4. In which HTML element do you apply attributes that modify the background image? (a) The <html> element. (b) The <head> element. (c) The <background> element (d) The <body> element 5. Which of the following heading tags will cause a browser to render text at the largest default size? (a) <h3> (b) <h2>
19 (c) <h5> (d) <h4> 6. Which of the following is the proper syntax to start an HTML comment? (a) <!-- (b) <!> (c) <comment> (d) <notate> 7. Which one of the following is the HTML tag used to insert a horizontal rule? (a) <h1> (b) <hr> (c) <rule> (d) <br> 8. What HTML container tags do you apply to text to format the text as a paragraph? (a) <para></para> (b) <text></text> (c) <p></p> (d) <style></style> 9. Which HTML tags cause browsers to render text as italics? (a) <italics></italics> (b) <ital></ital.> (c) <i></i> (d) <b></b> 10.Interpret this statement: <strong> Michelle</strong> (a) It makes Michelle strong. (b) It highlights Michelle as being strong.
20 (c) It will print out Michelle in bold font. (d) It will print strong Michelle. 11.HTML tags are case sensitive. (a) True (b) False 12.The page title is inside the tag. (a) Body (b) Head (c) Division (d) Table 13.<H1> is the smallest header tag. (a) True (b) False
Chapter 2 HTML Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D
Chapter 2 HTML Basics Key Concepts Copyright 2013 Terry Ann Morris, Ed.D 1 First Web Page an opening tag... page info goes here a closing tag Head & Body Sections Head Section
HTML, CSS, XML, and XSL
APPENDIX C HTML, CSS, XML, and XSL T his appendix is a very brief introduction to two markup languages and their style counterparts. The appendix is intended to give a high-level introduction to these
Web Design with Dreamweaver Lesson 4 Handout
Web Design with Dreamweaver Lesson 4 Handout What we learned Create hyperlinks to external websites Links can be made to open in a new browser window Email links can be inserted onto webpages. When the
Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University
Web Design Basics Cindy Royal, Ph.D. Associate Professor Texas State University HTML and CSS HTML stands for Hypertext Markup Language. It is the main language of the Web. While there are other languages
HTML Basics(w3schools.com, 2013)
HTML Basics(w3schools.com, 2013) What is HTML? 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.
ICT 6012: Web Programming
ICT 6012: Web Programming Covers HTML, PHP Programming and JavaScript Covers in 13 lectures a lecture plan is supplied. Please note that there are some extra classes and some cancelled classes Mid-Term
CSE 3. Marking Up with HTML. Tags for Bold, Italic, and underline. Structuring Documents. An HTML Web Page File
CSE 3 Comics Updates Shortcut(s)/Tip(s) of the Day Google Earth/Google Maps ssh Anti-Spyware Chapter 4: Marking Up With HTML: A Hypertext Markup Language Primer Fluency with Information Technology Third
So we're set? Have your text-editor ready. Be sure you use NotePad, NOT Word or even WordPad. Great, let's get going.
Web Design 1A First Website Intro to Basic HTML So we're set? Have your text-editor ready. Be sure you use NotePad, NOT Word or even WordPad. Great, let's get going. Ok, let's just go through the steps
Web Design Revision. AQA AS-Level Computing COMP2. 39 minutes. 39 marks. Page 1 of 17
Web Design Revision AQA AS-Level Computing COMP2 204 39 minutes 39 marks Page of 7 Q. (a) (i) What does HTML stand for?... () (ii) What does CSS stand for?... () (b) Figure shows a web page that has been
How to Create an HTML Page
This is a step-by-step guide for creating a sample webpage. Once you have the page set up, you can add and customize your content using the various tags. To work on your webpage, you will need to access
BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS COPYRIGHT 2013 TERRY ANN MORRIS, ED.D
BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS COPYRIGHT 2013 TERRY ANN MORRIS, ED.D 1 LEARNING OUTCOMES Describe the anatomy of a web page Format the body of a web page with block-level elements
Creating HTML authored webpages using a text editor
GRC 175 Assignment 1 Creating HTML authored webpages using a text editor Tasks: 1. Acquire web host space with ad free provider 2. Create an index webpage (index.html) 3. Create a class management webpage
About webpage creation
About webpage creation Introduction HTML stands for HyperText Markup Language. It is the predominant markup language for Web=ages. > markup language is a modern system for annota?ng a text in a way that
HTML5 and CSS3 Part 1: Using HTML and CSS to Create a Website Layout
CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES HTML5 and CSS3 Part 1: Using HTML and CSS to Create a Website Layout Fall 2011, Version 1.0 Table of Contents Introduction...3 Downloading
HTML & XHTML Tag Quick Reference
HTML & XHTML Tag Quick Reference Interactive Media Center 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
Creating a Resume Webpage with
Creating a Resume Webpage with 6 Cascading Style Sheet Code In this chapter, we will learn the following to World Class CAD standards: Using a Storyboard to Create a Resume Webpage Starting a HTML Resume
WEB DESIGN LAB PART- A HTML LABORATORY MANUAL FOR 3 RD SEM IS AND CS (2011-2012)
WEB DESIGN LAB PART- A HTML LABORATORY MANUAL FOR 3 RD SEM IS AND CS (2011-2012) BY MISS. SAVITHA R LECTURER INFORMATION SCIENCE DEPTATMENT GOVERNMENT POLYTECHNIC GULBARGA FOR ANY FEEDBACK CONTACT TO EMAIL:
Formatting Text in Blackboard
Formatting Text in Blackboard If you want to spice up your blackboard announcements with different color of the text, bolded text, italicized text, lists, tables and images you can do so by typing HTML
Creating an HTML Document Using Macromedia Dreamweaver
INFORMATION SYSTEMS SERVICES Creating an HTML Document Using Macromedia Dreamweaver This tutorial workbook contains a series of exercises that give an introduction to creating HTML documents for the World
HTML. A computer network is a collection of computers linked through cables or wireless means.
What is a computer network? HTML A computer network is a collection of computers linked through cables or wireless means. What is Internet? Internet is a network of computers of different sizes and configurations
The McGill Knowledge Base. Last Updated: August 19, 2014
The McGill Knowledge Base Last Updated: August 19, 2014 Table of Contents Table of Contents... 1... 2 Overview... 2 Support... 2 Exploring the KB Admin Control Panel Home page... 3 Personalizing the Home
Using an external style sheet with Dreamweaver (CS6)
Using an external style sheet with Dreamweaver (CS6) nigelbuckner.com 2012 This handout explains how to create an external style sheet, the purpose of selector types and how to create styles. It does not
Introduction to XHTML. 2010, Robert K. Moniot 1
Chapter 4 Introduction to XHTML 2010, Robert K. Moniot 1 OBJECTIVES In this chapter, you will learn: Characteristics of XHTML vs. older HTML. How to write XHTML to create web pages: Controlling document
How to Manage Your Eservice Center Knowledge Base
Populating and Maintaining your eservice Center Knowledge Base Table of Contents Populating and Maintaining the eservice Center Knowledge Base...2 Key Terms...2 Setting up the Knowledge Base...3 Consider
COMMON CUSTOMIZATIONS
COMMON CUSTOMIZATIONS As always, if you have questions about any of these features, please contact us by e-mail at [email protected] or by phone at 1-800-562-6080. EDIT FOOTER TEXT Included
Introduction... 3. Designing your Common Template... 4. Designing your Shop Top Page... 6. Product Page Design... 8. Featured Products...
Introduction... 3 Designing your Common Template... 4 Common Template Dimensions... 5 Designing your Shop Top Page... 6 Shop Top Page Dimensions... 7 Product Page Design... 8 Editing the Product Page layout...
With tags you can create italic or bold characters, and can control the color and size of the lettering.
HTML TUTORIAL TO UPDATE YOUR WEBSITE What Is a Tag? A tag is a method of formatting HTML documents. With tags you can create italic or bold characters, and can control the color and size of the lettering.
ICE: HTML, CSS, and Validation
ICE: HTML, CSS, and Validation Formatting a Recipe NAME: Overview Today you will be given an existing HTML page that already has significant content, in this case, a recipe. Your tasks are to: mark it
Short notes on webpage programming languages
Short notes on webpage programming languages What is HTML? 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
Introduction to Web Design Curriculum Sample
Introduction to Web Design Curriculum Sample Thank you for evaluating our curriculum pack for your school! We have assembled what we believe to be the finest collection of materials anywhere to teach basic
New Perspectives on Creating Web Pages with HTML. Considerations for Text and Graphical Tables. A Graphical Table. Using Fixed-Width Fonts
A Text Table New Perspectives on Creating Web Pages with HTML This figure shows a text table. Tutorial 4: Designing a Web Page with Tables 1 2 A Graphical Table Considerations for Text and Graphical Tables
Urban Planet Website Content Management System. Step-by-Step Instructions
Urban Planet Website Content Management System Step-by-Step Instructions For steps with pictures, videos, version bugs, integration ideas, and more see http://uphelp.spps.org Department of Educational
Microsoft Word 2010 Basics
Microsoft Word 2010 Basics 1. Start Word if the Word 2007 icon is not on the desktop: a. Click Start>Programs>Microsoft Office>Microsoft Word 2007 b. The Ribbon- seen across the top of Microsoft Word.
CS412 Interactive Lab Creating a Simple Web Form
CS412 Interactive Lab Creating a Simple Web Form Introduction In this laboratory, we will create a simple web form using HTML. You have seen several examples of HTML pages and forms as you have worked
HTML TIPS FOR DESIGNING
This is the first column. Look at me, I m the second column.
Website Planning Checklist
Website Planning Checklist The following checklist will help clarify your needs and goals when creating a website you ll be surprised at how many decisions must be made before any production begins! Even
Cascading Style Sheet (CSS) Tutorial Using Notepad. Step by step instructions with full color screen shots
Updated version September 2015 All Creative Designs Cascading Style Sheet (CSS) Tutorial Using Notepad Step by step instructions with full color screen shots What is (CSS) Cascading Style Sheets and why
ITNP43: HTML Lecture 4
ITNP43: HTML Lecture 4 1 Style versus Content HTML purists insist that style should be separate from content and structure HTML was only designed to specify the structure and content of a document Style
1. Create a web page which will contain image of window layout as follows.
Note : Web Technology Assignment Project 1. Solve any 10 questions. 2. Each question carries 10 marks 3. Give appropriate title to each web page. 4. Format web pages with appropriate background color,
7 th Grade Web Design Name: Project 1 Rubric Personal Web Page
7 th Grade Web Design Name: Project 1 Rubric Personal Web Page Date: Grade : 100 points total A+ 100-96 Challenge Assignment A 95-90 B 89-80 C 79-70 D 69-60 Goals You will be creating a personal web page
Web Building Blocks. Joseph Gilbert User Experience Web Developer University of Virginia Library joe.gilbert@virginia.
Web Building Blocks Core Concepts for HTML & CSS Joseph Gilbert User Experience Web Developer University of Virginia Library [email protected] @joegilbert Why Learn the Building Blocks? The idea
Advanced Web Design. Zac Van Note. www.design-link.org
Advanced Web Design Zac Van Note www.design-link.org COURSE ID: CP 341F90033T COURSE TITLE: Advanced Web Design COURSE DESCRIPTION: 2/21/04 Sat 9:00:00 AM - 4:00:00 PM 1 day Recommended Text: HTML for
Basic tutorial for Dreamweaver CS5
Basic tutorial for Dreamweaver CS5 Creating a New Website: When you first open up Dreamweaver, a welcome screen introduces the user to some basic options to start creating websites. If you re going to
Basic Website Maintenance Tutorial*
Basic Website Maintenance Tutorial* Introduction You finally have your business online! This tutorial will teach you the basics you need to know to keep your site updated and working properly. It is important
The Web Web page Links 16-3
Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Write basic HTML documents Describe several specific HTML tags and their purposes 16-1 Chapter Goals
CREATING WEB PAGES USING HTML INTRODUCTION
CREATING WEB PAGES USING HTML INTRODUCTION Web Page Creation Using HTML: Introduction 1. Getting Ready What Software is Needed FourSteps to Follow 2. What Will Be On a Page Technical, Content, & Visual
Creating your personal website. Installing necessary programs Creating a website Publishing a website
Creating your personal website Installing necessary programs Creating a website Publishing a website The objective of these instructions is to aid in the production of a personal website published on
Basics of HTML (some repetition) Cascading Style Sheets (some repetition) Web Design
Basics of HTML (some repetition) Cascading Style Sheets (some repetition) Web Design Contents HTML Quiz Design CSS basics CSS examples CV update What, why, who? Before you start to create a site, it s
Contents. Downloading the Data Files... 2. Centering Page Elements... 6
Creating a Web Page Using HTML Part 1: Creating the Basic Structure of the Web Site INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 2.0 Winter 2010 Contents Introduction...
Using Style Sheets for Consistency
Cascading Style Sheets enable you to easily maintain a consistent look across all the pages of a web site. In addition, they extend the power of HTML. For example, style sheets permit specifying point
SAPScript. A Standard Text is a like our normal documents. In Standard Text, you can create standard documents like letters, articles etc
SAPScript There are three components in SAPScript 1. Standard Text 2. Layout Set 3. ABAP/4 program SAPScript is the Word processing tool of SAP It has high level of integration with all SAP modules STANDARD
Create Webpages using HTML and CSS
KS2 Create Webpages using HTML and CSS 1 Contents Learning Objectives... 3 What is HTML and CSS?... 4 The heading can improve Search Engine results... 4 E-safety Webpage... 5 Creating a Webpage... 6 Creating
LAB MANUAL CS-322364(22): Web Technology
RUNGTA COLLEGE OF ENGINEERING & TECHNOLOGY (Approved by AICTE, New Delhi & Affiliated to CSVTU, Bhilai) Kohka Kurud Road Bhilai [C.G.] LAB MANUAL CS-322364(22): Web Technology Department of COMPUTER SCIENCE
Advanced Drupal Features and Techniques
Advanced Drupal Features and Techniques Mount Holyoke College Office of Communications and Marketing 04/2/15 This MHC Drupal Manual contains proprietary information. It is the express property of Mount
Website Development Komodo Editor and HTML Intro
Website Development Komodo Editor and HTML Intro Introduction In this Assignment we will cover: o Use of the editor that will be used for the Website Development and Javascript Programming sections of
Foundation of Information Technology (Code No: 165) Sample Question Paper II Summative Assessment - Term II. Max Time: 3 hours Max Marks: 90 SECTION A
Foundation of Information Technology (Code No: 165) Sample Question Paper II Summative Assessment - Term II Class X (2015-16) Max Time: 3 hours Max Marks: 90 SECTION A Q1) Fill in the blanks: [10] i) TR
Microsoft Word 2013 Basics
Microsoft Word 2013 Basics 1. From Start, look for the Word tile and click it. 2. The Ribbon- seen across the top of Microsoft Word. The ribbon contains Tabs, Groups, and Commands a. Tabs sit across the
Lab 1.3 Basic HTML. Vocabulary. Discussion and Procedure
Lab 1.3 Basic HTML The World Wide Web (commonly just called the web ) is an enormous and rapidly growing collection of documents stored on computers all around the world connected by the Internet. In addition
Taking your HTML Emails to the Next Level. Presented by: Joey Trogdon, Asst. Director of Financial Aid & Veterans Affairs Randolph Community College
Taking your HTML Emails to the Next Level Presented by: Joey Trogdon, Asst. Director of Financial Aid & Veterans Affairs Randolph Community College Purpose This past spring, the NCCCS delivered a financial
How to code, test, and validate a web page
Chapter 2 How to code, test, and validate a web page Slide 1 Objectives Applied 1. Use a text editor like Aptana Studio 3 to create and edit HTML and CSS files. 2. Test an HTML document that s stored on
Caldes CM12: Content Management Software Introduction v1.9
Caldes CM12: Content Management Software Introduction v1.9 Enterprise Version: If you are using Express, please contact us. Background Information This manual assumes that you have some basic knowledge
WHITEPAPER. Skinning Guide. Let s chat. 800.9.Velaro www.velaro.com [email protected]. 2012 by Velaro
WHITEPAPER Skinning Guide Let s chat. 2012 by Velaro 800.9.Velaro www.velaro.com [email protected] INTRODUCTION Throughout the course of a chat conversation, there are a number of different web pages that
Cascading Style Sheets (CSS)
Cascading Style Sheets (CSS) W3C standard for defining presentation of web documents (way documents are displayed or delivered to users typography, colours, layout etc) Presentation separated from content
Web Design Module Outline
Web Design Module Outline DAY 1 DAY 2 DAY 3 DAY 4 DAY 5 Lesson 1: WEB DESIGN OVERVIEW Lesson 2: INTRODUCTION TO HTML Lesson 3: TEXT & COLORS Lesson 4: IMAGES & LINKS Lesson 4: (cont.) IMAGES & LINKS what
Web Development 1 A4 Project Description Web Architecture
Web Development 1 Introduction to A4, Architecture, Core Technologies A4 Project Description 2 Web Architecture 3 Web Service Web Service Web Service Browser Javascript Database Javascript Other Stuff:
EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING
EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING The European Computer Driving Licence Foundation Ltd. Portview House Thorncastle Street Dublin 4 Ireland Tel: + 353
Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates
Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates What is a DIV tag? First, let s recall that HTML is a markup language. Markup provides structure and order to a page. For example,
Mass Email. General Use
Mass Email The Q Mass Email application allows users to compose and mass email students and/or their contacts. The application will mass send emails based on the selected Sender and creation of a Recipients
CIS 467/602-01: Data Visualization
CIS 467/602-01: Data Visualization HTML, CSS, SVG, (& JavaScript) Dr. David Koop Assignment 1 Posted on the course web site Due Friday, Feb. 13 Get started soon! Submission information will be posted Useful
Last week we talked about creating your own tags: div tags and span tags. A div tag goes around other tags, e.g.,:
CSS Tutorial Part 2: Last week we talked about creating your own tags: div tags and span tags. A div tag goes around other tags, e.g.,: animals A paragraph about animals goes here
MS Word 2007 practical notes
MS Word 2007 practical notes Contents Opening Microsoft Word 2007 in the practical room... 4 Screen Layout... 4 The Microsoft Office Button... 4 The Ribbon... 5 Quick Access Toolbar... 5 Moving in the
Sample Table. Columns. Column 1 Column 2 Column 3 Row 1 Cell 1 Cell 2 Cell 3 Row 2 Cell 4 Cell 5 Cell 6 Row 3 Cell 7 Cell 8 Cell 9.
Working with Tables in Microsoft Word The purpose of this document is to lead you through the steps of creating, editing and deleting tables and parts of tables. This document follows a tutorial format
Word Processing programs and their uses
Word Processing programs and their uses An application that provides extensive tools for creating all kinds of text based programs. They are not limited to working with text and enable you to add images
What is CSS? Official W3C standard for controlling presentation Style sheets rely on underlying markup structure
CSS Peter Cho 161A Notes from Jennifer Niederst: Web Design in a Nutshell and Thomas A. Powell: HTML & XHTML, Fourth Edition Based on a tutorials by Prof. Daniel Sauter / Prof. Casey Reas What is CSS?
Microsoft Word 2010 Tutorial
Microsoft Word 2010 Tutorial GETTING STARTED Microsoft Word is one of the most popular word processing programs supported by both Mac and PC platforms. Microsoft Word can be used to create documents, brochures,
Using Adobe Dreamweaver CS4 (10.0)
Getting Started Before you begin create a folder on your desktop called DreamweaverTraining This is where you will save your pages. Inside of the DreamweaverTraining folder, create another folder called
Chapter 6. Formatting Text with Character Tags
Chapter 6 Formatting Text with Character Tags 143 144 FrameMaker 7: The Complete Reference In many desktop publishing applications, you use a single style sheet for both paragraph and character formatting.
TEMPLATE MANUAL Table of Contents
TEMPLATE MANUAL Table of Contents Introduction... 2 Features Overview...3 How to preview the website... 4 Background configuration... 4 Disabling grid over background... 4 How to build Menu...5 Setting
Selectors in Action LESSON 3
LESSON 3 Selectors in Action In this lesson, you will learn about the different types of selectors and how to use them. Setting Up the HTML Code Selectors are one of the most important aspects of CSS because
Version 4.0. Unit 3: Web Design. Computer Science Equity Alliance, 2011. Exploring Computer Science Unit 3: Web Design 102
Unit 3: Web Design Computer Science Equity Alliance, 2011 Exploring Computer Science Unit 3: Web Design 102 Introduction The Web Design unit builds on the concepts presented in the previous units by having
WebCT 4.x: HTML Editor
Competencies After reading this document, you will be able to: Employ the HTML Editor capabilities to create and publish content. About HTML Editor The HTML editor provides word-processor-like features
Excel 2003 A Beginners Guide
Excel 2003 A Beginners Guide Beginner Introduction The aim of this document is to introduce some basic techniques for using Excel to enter data, perform calculations and produce simple charts based on
04 Links & Images. 1 The Anchor Tag. 1.1 Hyperlinks
One of the greatest strengths of Hypertext Markup Language is hypertext the ability to link documents together. The World Wide Web itself consists of millions of html documents all linked together via
Excel 2007 A Beginners Guide
Excel 2007 A Beginners Guide Beginner Introduction The aim of this document is to introduce some basic techniques for using Excel to enter data, perform calculations and produce simple charts based on