o Line Breaks </body> </html> This is heading 1 This is some text. This is heading 2 This is some other text. This is heading 2
|
|
- Winifred Stewart
- 6 years ago
- Views:
Transcription
1 o Displaying lines of text: <p> This paragraph contains a lot of lines in the source code, but the browser ignores it. </p> This paragraph contains a lot of lines in the source code, but the browser ignores it. This paragraph contains a lot of spaces in the source code, but the browser ignores it. The number of lines in a paragraph depends on the size of the browser window. If you resize the browser window, the number of lines in this paragraph will change. <p> This paragraph contains a lot of spaces in the source code, but the browser ignores it. </p> <p> The number of lines in a paragraph depends on the size of the browser window. If you resize the browser window, the number of lines in this paragraph will change. </p> o Line Breaks <p>this is<br>a paragraph<br>with line breaks</p> This is a paragraph with line breaks note: <br> is an empty tag, it needs no end o Horizontal Rules (lines) <h1>this is heading 1</h1> <p>this is some text.</p> <hr> <h2>this is heading 2</h2> <p>this is some other text.</p> <hr> <h2>this is heading 2</h2> <p>this is some other text.</p> This is heading 1 This is some text. This is heading 2 This is some other text. This is heading 2 This is some other text.
2 o In HTML, spaces and new lines are ignored: My Bonnie lies over the sea. My Bonnie lies over the ocean. Oh, bring back my Bonnie to me. <p>in HTML, spaces and new lines are ignored:</p> <p> My Bonnie lies over the sea. Oh, bring back my Bonnie to me. </p> o Formatting Text This text is bold o The <pre> tag preserves both spaces and line breaks <pre> My Bonnie lies over the sea. Oh, bring back my Bonnie to me. </pre> My Bonnie lies over the sea. Oh, bring back my Bonnie to me. This text is italic This is subscript and superscript <p>this text is normal.</p> <p><b>this text is bold.</b></p> This text is normal. This text is bold. <p>this text is normal.</p> <p><i>this text is italic.</i></p> This text is normal. This text is italic. This is subscripted text. This is superscripted text. <p>this is <sub>subscripted</sub> text.</p> <p>this is <sup>superscripted</sup> text.</p>
3 32 space o Special Characters: Use &# before the number! 33 exclamation mark " 34 quotation mark # 35 number sign $ 36 dollar sign <h1>hello out there!</h1> <p> How to Use Special Characters </p> <h2>now let's Figure this out...</h2> % 37 percent sign & 38 ampersand ' 39 apostrophe <p> Did it work? </p> Hello out there! How to Use Special Characters Now let's Figure this out... Did it work? ( 40 left parenthesis : 58 colon ) 41 right parenthesis ; 59 semicolon * 42 asterisk < 60 less-than + 43 plus sign = 61 equals-to, 44 comma > 62 greater-than - 45 hyphen? 63 question mark at sign / 47 slash
4 o Colors Look at this webpage for color names: <style> div {height:50px;width:100%;} </style> <h1>colors can be set using color names</h1> <h1 style="color:red"></h1> <h1 style="color:orange"></h1> <h1 style="color:yellow"></h1> <h1 style="color:cyan"></h1> <h1 style="color:blue"></h1> o Div (areas) <p>this is some text.</p> <div style="color:pink;background-color:red"> <h3>this is a heading in a div element</h3> <p>this is some text in a div element.</p> </div> <p>this is some text.</p> Colors can be set using color names This is some text. This is a heading in a div element This is some text in a div element. This is some text. o Page Background color o Highlighting <body style="background-color:powderblue;"> <h1>this is a heading</h1> <p></p> This is a heading <h2>html <mark>marked</mark> Formatting</h2> HTML Marked Formatting
5 o Fonts <h1 style="font-family:verdana;">this is a heading</h1> <p style="font-family:courier;"></p> <p style="font-family:times;"></p> <p style="font-family:tahoma;"></p> This is a heading o Fonts Size <h1 style="font-size:300%;">this is a heading</h1> <h1 style="font-size:200%;">this is another heading</h1> <p style="font-size:160%;"></p> This is a heading This is another heading otext Alignment <h1 style="text-align:center;">centered </h1> <p style="text-align:right;">right Justified paragraph.</p> <p style="text-align:left;">left Justified paragraph.</p> Centered Left Justified paragraph. Right Justified paragraph. This is a heading
6 o Links <p><a href=" my Weebly Account </a></p> Visit my Weebly Account o Link Target Attributes The target attribute specifies where to open the linked document. The target attribute can have one of the following values: _blank - Opens the linked document in a new window or tab _self - Opens the linked document in the same window/tab as it was clicked (this is default) _parent - Opens the linked document in the parent frame _top - Opens the linked document in the full body of the window framename - Opens the linked document in a named frame <a href=" target="_blank">visit our HTML tutorial!</a> <p>if you set the target attribute to "_blank", the link will open in a new browser window or tab.</p> Visit My Website! If you set the target attribute to "_blank", the link will open in a new browser window or tab.
7 o Adding Images Images have to be uploaded to the web and kept in files. You have to own a place to store them. You can use your Weebly images. Run your website (not in edit mode), and right-click on any image and select copy image address. Use this address between the quotes in the html image syntax. The alt attribute is necessary. It gives the browser some text to display if your picture won t load or is taking a long time to load. <p>here is an image of our school</p> <img src=" 1/ jpg?193" alt="uchs" style="width:104px;height:142px;"> Here is an image of our school <p>you can use gifs also</p> <img src=" 0.gif" alt="uchs" style="width:104px;height:142px;"> You can use gifs also <p>the image is a link. You can click on it.</p> <a href=" <img src=" 1/ jpg?193" alt="html tutorial" style="width:42px;height:42px;border:0;"> </a> <p>add "border:0;" to prevent IE9 (and earlier) from displaying a border around the image.</p> The image is a link. You can click on it. Add "border:0;" to prevent IE9 (and earlier) from displaying a border around the image.
8 EXERCISES Create an html or many html documents that use the specifications below: o Add six headings to the document with the text "Hello". Start with the most important heading and end with the least important heading. o Add a horizontal rule between a heading and a paragraph. o Use <br> elements to separate the lines of a poem or song you know. o Add a tooltip to a paragraph. o Change the text color of a paragraph to "blue". o Change the font of a paragraph to "courier". o Center align a paragraph. o Change the text size of a paragraph to 50px. o Change the background color of a page below to yellow. o Use <div> to Center align some content on a page. o Highlight some text yellow. o Add subscript or superscript formatting somewhere. o Change the size of an image to 250 pixels wide and 400 pixels tall. o Create a link to your weebly from text. o Create a link to your weebly from an image. o Use html code to try to display an image that doesn t exist, but displays the alt text. o Add a horizontal rule between a heading and a paragraph.
Introduction to HTML
Introduction to HTML What is HTML? HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language HTML describes the structure of Web pages using markup HTML elements
More informationHTML Text Formatting. HTML Session 2 2
HTML Session 2 HTML Text Formatting HTML also defines special elements for defining text with a special meaning. - Bold text - Important text - Italic text - Emphasized text
More informationUnit 2 - HTML Formatting
Tags, Elements, Breaks, Horizontal Rules 1 All content from this unit should be placed in your 2Elements page. Unit 2 - HTML Formatting HTML provides the structure of the document (consisting of all the
More informationHTML Code: Headings HTML Headings Headings are defined with the <h1> to <h6> tags. <h1> defines the most important heading. <h6> defines the least
HTML Code: Headings HTML Headings Headings are defined with the to tags. defines the most important heading. defines the least important heading. Example heading
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 informationHTML (Hypertext Mark-up language) Basic Coding
HTML (Hypertext Mark-up language) Basic Coding What is HTML? HTML is a short term for hypertext mark-up language. HTML is used for website development. HTML works as the base structure and text format
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 informationMarkup Language SGML: Standard Generalized Markup Language. HyperText Markup Language (HTML) extensible Markup Language (XML) TeX LaTeX
HTML 1 Markup Languages A Markup Language is a computer language in which data and instructions describing the structure and formatting of the data are embedded in the same file. The term derives from
More 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 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 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 informationWeb Publishing with HTML
Web Publishing with HTML MSc Induction Tutorials Athena Eftychiou PhD Student Department of Computing 1 Objectives Provide a foundation on Web Publishing by introducing basic notations and techniques like
More informationHTML and CSS: An Introduction
JMC 305 Roschke spring14 1. 2. 3. 4. 5. The Walter Cronkite School... HTML and CSS: An Introduction
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 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 informationResetting Your Password
School Teacher Page Training Logging In Before you can add or edit content, you need to log in. The web site address is: http://www.okaloosaschools.com/yourschool/user Enter your user name and password
More informationReview Question 1. Which tag is used to create a link to another page? 1. <p> 2. <li> 3. <a> 4. <em>
Introduction to CSS Review Question 1 Which tag is used to create a link to another page? 1. 2. 3. 4. Review Question 1 Which tag is used to create a link to another page? 1. 2.
More informationWeb Designing HTML5 NOTES
Web Designing HTML5 NOTES HTML Introduction What is HTML? HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language HTML describes the structure of Web pages
More informationTitle: Sep 12 10:58 AM (1 of 38)
Title: Sep 12 10:58 AM (1 of 38) Title: Sep 12 11:04 AM (2 of 38) Title: Sep 12 5:37 PM (3 of 38) Click here and then you can put in the resources. Title: Sep 12 5:38 PM (4 of 38) Title: Sep 12 5:42 PM
More informationITNP43: HTML Lecture 4
ITNP43: HTML Lecture 4 Niederst, Part III (3rd edn) 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
More informationHTML. Mohammed Alhessi M.Sc. Geomatics Engineering. Internet GIS Technologies كلية اآلداب - قسم الجغرافيا نظم المعلومات الجغرافية
HTML Mohammed Alhessi M.Sc. Geomatics Engineering Wednesday, February 18, 2015 Eng. Mohammed Alhessi 1 W3Schools Main Reference: http://www.w3schools.com/ 2 What is HTML? HTML is a markup language for
More informationCMPT 165 Unit 2 Markup Part 2
CMPT 165 Unit 2 Markup Part 2 Sept. 17 th, 2015 Edited and presented by Gursimran Sahota Today s Agenda Recap of materials covered on Tues Introduction on basic tags Introduce a few useful tags and concepts
More informationHTML. Asst. Prof. Dr. Kanda Runapongsa Saikaew Department of Computer Engineering Khon Kaen University
HTML Asst. Prof. Dr. Kanda Runapongsa Saikaew (krunapon@kku.ac.th) Department of Computer Engineering Khon Kaen University 1 What is an HTML File? HTML stands for Hyper Text Markup Language An HTML file
More informationFairly advanced HTML
Fairly advanced HTML Even more on lists To specify the list marker displayed by the browser, you can use list-style-type: type Even more on lists To specify the indentation of long list items, use list-style-position:
More informationINTRODUCTION TO WEB USING HTML What is HTML?
Geoinformation and Sectoral Statistics Section (GiSS) INTRODUCTION TO WEB USING HTML What is HTML? HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language
More informationHTML Hyperlinks (Links)
WEB DESIGN HTML Hyperlinks (Links) The HTML tag defines a hyperlink. A hyperlink (or link) is a word, group of words, or image that you can click on to jump to another document. When you move the
More informationTutorial 2 - HTML basics
Tutorial 2 - HTML basics Developing a Web Site The first phase in creating a new web site is planning. This involves determining the site s navigation structure, content, and page layout. It is only after
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 informationIt is possible to create webpages without knowing anything about the HTML source behind the page.
What is HTML? HTML is the standard markup language for creating Web pages. HTML is a fairly simple language made up of elements, which can be applied to pieces of text to give them different meaning in
More informationmarkdown-guide Documentation
markdown-guide Documentation Release 0.1 Daniel Greenfeld Nov 15, 2017 Contents 1 Markdown Basics 3 1.1 Blockquotes............................................... 3 1.2 Code: Block...............................................
More informationCadbury World Themed Web Page
Cadbury World Themed Web Page HTML Creating Your Own Web Page more advanced What have we learnt so far? HTML is used to instruct readers such as web browsers how to present, process and/ or describe the
More informationHTML BASICS. You can use cut and paste in Notepad as with most applications - Ctrl + C to copy,ctrl + X to cut, Ctrl + V to paste.
HTML BASICS First create a NEW folder called HTML on your computer inside a new folder called HTML. ALL your HTML assignments will be saved there. If you are running Windows, start Notepad. Notepad is
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 informationINFORMATICA GENERALE 2014/2015 LINGUAGGI DI MARKUP CSS
INFORMATICA GENERALE 2014/2015 LINGUAGGI DI MARKUP CSS cristina gena dipartimento di informatica cgena@di.unito.it http://www.di.unito.it/~cgena/ materiale e info sul corso http://www.di.unito.it/~cgena/teaching.html
More informationWeb Design 101. What is HTML? HTML Tags. Web Browsers. <!DOCTYPE html> <html> <body> <h1>my First Heading</h1> <p>my first paragraph.
What is HTML? Web Design 101 HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is a markup language à A markup language is a set of markup tags The tags describe
More 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 informationComp-206 : Introduction to Software Systems Lecture 22. Alexandre Denault Computer Science McGill University Fall 2006
HTTP and HTML Comp-206 : Introduction to Software Systems Lecture 22 Alexandre Denault Computer Science McGill University Fall 2006 15 / 55 Mercury Subversion Directory The URL for the class subversion
More informationCSS is applied to an existing HTML web document--both working in tandem to display web pages.
CSS Intro Introduction to Cascading Style Sheets What is CSS? CSS (Cascading Style Sheets) is a supplementary extension to allowing web designers to style specific elements on their pages and throughout
More informationSPEED UP YOUR CODING PROCESS HTML INSIGHTS YOU DIDN T KNOW ABOUT. 1
SPEED UP YOUR CODING PROCESS HTML INSIGHTS YOU DIDN T KNOW ABOUT 1 INTRODUCTION How to create a website? Why are some websites neat and attractive while others are not? Where should I start if I want to
More informationLava New Media s CMS. Documentation Page 1
Lava New Media s CMS Documentation 5.12.2010 Page 1 Table of Contents Logging On to the Content Management System 3 Introduction to the CMS 3 What is the page tree? 4 Editing Web Pages 5 How to use the
More informationCountry Communication Pages
Country Communication Pages Lesson 3: Customizing Articles Lesson 3 There are a few ways you can customize articles. In this lesson, you will learn how to: Insert images, videos, tables, and links. Add
More informationDo It Yourself Website Editing Training Guide
Do It Yourself Website Editing Training Guide Version 3.0 Copyright 2000-2011 Sesame Communications. All Rights Reserved. Table of Contents DIY Overview 3 What pages are editable using the DIY Editing
More informationThe building block of a CSS stylesheet. A rule consists of a selector and a declaration block (one or more declarations).
WDI Fundamentals Unit 4 CSS Cheat Sheet Rule The building block of a CSS stylesheet. A rule consists of a selector and a declaration block (one or more declarations). Declaration A declaration is made
More informationIntroduction to the MODx Manager
Introduction to the MODx Manager To login to your site's Manager: Go to your school s website, then add /manager/ ex. http://alamosa.k12.co.us/school/manager/ Enter your username and password, then click
More information1. The basic building block of an HTML document is called a(n) a. tag. b. element. c. attribute. d. container. Answer: b Page 5
Name Date Final Exam Prep Questions Worksheet #1 1. The basic building block of an HTML document is called a(n) a. tag. b. element. c. attribute. d. container. Answer: b Page 5 2. Which of the following
More informationLING 408/508: Computational Techniques for Linguists. Lecture 14
LING 408/508: Computational Techniques for Linguists Lecture 14 Administrivia Homework 5 has been graded Last Time: Browsers are powerful Who that John knows does he not like? html + javascript + SVG Client-side
More informationWeb Engineering (Lecture 01)
Web Engineering (Lecture 01) By: Kamran Ullah Lecturer (CS) Class BS(CS)-5 th semester Web Engineering Definition 1: Web Engineering is the application of systematic and disciplined approaches to the design,
More informationFall Semester 2016 (2016-1)
SWE 363: WEB ENGINEERING & DEVELOPMENT Fall Semester 2016 (2016-1) Overview of HTML Dr. Nasir Al-Darwish Computer Science Department King Fahd University of Petroleum and Minerals darwish@kfupm.edu.sa
More informationIslamic University of Gaza Faculty of Engineering Department of Computer Engineering ECOM Advanced Internet Technology Lab.
Islamic University of Gaza Faculty of Engineering Department of Computer Engineering ECOM 5049 Advanced Internet Technology Lab Lab # 1 Eng. Haneen El-masry February, 2015 Objective To be familiar with
More informationWhat is CSS? NAME: INSERT OPENING GRAPHIC HERE:
What is CSS? NAME: INSERT OPENING GRAPHIC HERE: Highlight VOCABULARY WORDS that you need defined. Put a? mark in any area that you need clarified. 1 What is CSS? CSS stands for Cascading Style Sheets Styles
More informationOverview of General Dragon Commands
Overview of General Dragon Commands Control the microphone Go to Sleep Stop Listening Wake Up Listen to me Make the microphone stop listening temporarily. Reactivate the microphone when it is asleep. Next
More informationP a g e 1 HTML. VISIT for old papers, practical files samples. This file is for reference purpose only.
P a g e 1 HTML HYPERTEXT PREPROCESSOR (PHP) Introducing HTML: P a g e 2 HTML stands for Hypertext Markup Language, and it is the most widely used language to write Web Pages. As its name suggests, HTML
More informationOverview. Part I: Portraying the Internet as a collection of online information systems HTML/XHTML & CSS
CSS Overview Part I: Portraying the Internet as a collection of online information systems Part II: Design a website using HTML/XHTML & CSS XHTML validation What is wrong?
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 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 informationChapter 3 Web Design & HTML. Web Design Class Mrs. Johnson
Chapter 3 Web Design & HTML Web Design Class Mrs. Johnson Web Design Web design is the design and development of a page or a web site. A web site is the entire site, like www.target.com A page is one single
More informationCiviX Author Custom Actions Cheat Sheet
Amendment Bylaw Elements CiviX Author Custom Actions Cheat Sheet 1 Alt + 6 Add Amendment Explanatory Note Add an amendment explan note which explains the purpose of the amendment - Occurs above an amendment
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 informationHtml basics Course Outline
Html basics Course Outline Description Learn the essential skills you will need to create your web pages with HTML. Topics include: adding text any hyperlinks, images and backgrounds, lists, tables, and
More informationHTML, CSS. Kristóf Kovács, Róbert Pálovics, Ferenc Wettl Kristóf Kovács, Róbert Pálovics, Ferenc Wettl HTML, CSS / 28
HTML, CSS Kristóf Kovács, Róbert Pálovics, Ferenc Wettl 2017-10-02 Kristóf Kovács, Róbert Pálovics, Ferenc Wettl HTML, CSS 2017-10-02 1 / 28 WWW 1 WWW The beginning The web simplified Cookies 2 HTML Content
More informationCOMP519 Web Programming Autumn Cascading Style Sheets
COMP519 Web Programming Autumn 2015 Cascading Style Sheets Content vs. Presentation Most HTML tags define content type, independent of how that content is to be presented. There are a few obvious exceptions
More informationCOSC 2206 Internet Tools. CSS Cascading Style Sheets
COSC 2206 Internet Tools CSS Cascading Style Sheets 1 W3C CSS Reference The official reference is here www.w3.org/style/css/ 2 W3C CSS Validator You can upload a CSS file and the validator will check it
More informationGeocaching HTML & BBCode FUNdamentals by Scott Aleckson (SSO JOAT)
Geocaching HTML & BBCode FUNdamentals by Scott Aleckson (SSO JOAT) Anchorage BP Energy Center & Broadcast over the Internet via WebEx 18 September 2012 1 Tonight s Topics: Computer Languages What is HTML?
More informationAttributes & Images 1 Create a new webpage
Attributes & Images 1 Create a new webpage Open your test page. Use the Save as instructions from the last activity to save your test page as 4Attributes.html and make the following changes:
More informationWanted! Introduction. Step 1: Styling your poster. Activity Checklist. In this project, you ll learn how to make your own poster.
Wanted! Introduction In this project, you ll learn how to make your own poster. Step 1: Styling your poster Let s start by editing the CSS code for the poster. Activity Checklist Open this trinket: jumpto.cc/web-wanted.
More informationChapter 4 CSS basics
Sungkyunkwan University Chapter 4 CSS basics Prepared by J. Lee and H. Choo Web Programming Copyright 2000-2018 Networking Laboratory 1/48 Copyright 2000-2012 Networking Laboratory Chapter 4 Outline 4.1
More informationCreating Forms. Starting the Page. another way of applying a template to a page.
Creating Forms Chapter 9 Forms allow information to be obtained from users of a web site. The ability for someone to purchase items over the internet or receive information from internet users has become
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 informationYour Own Web Page; Quick and Dirty Via Mashup Reminder: Next Quiz on 4/15
Your Own Web Page; Quick and Dirty Via Mashup Reminder: Next Quiz on 4/15 A Special Language for the Web In the early 1990 s web pages were mostly described using a special purpose language, called Hyper-Text
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 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 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 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 informationRich Text Editor Quick Reference
Rich Text Editor Quick Reference Introduction Using the rich text editor is similar to using a word processing application such as Microsoft Word. After data is typed into the editing area it can be formatted
More informationHTML Cheat Sheet FONTS PARAGRAGH & ALIGNMENT PARAGRAPH ALIGNED PARAGRAPH
HTML Cheat Sheet I used to get overwhelmed with coding until I realized that I already knew half of these codes because of Myspace. If you remember your myspacing days, we were all using code and didn
More informationCSS how to display to solve a problem External Style Sheets CSS files
WEB DESIGN What is CSS? CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to solve a problem External Style Sheets can save a lot of work External
More informationHTML, CSS, JavaScript
HTML, CSS, JavaScript Encoding Information: There s more! Bits and bytes encode the information, but that s not all Tags encode format and some structure in word processors Tags encode format and some
More informationOutline. Link HTML With Style Sheets &6&7XWRULDO &66 ;+70/ (GZDUG;LD
&6&7XWRULDO &66 ;+70/ (GZDUG;LD Outline CSS Link XHTML With Style Sheets, Class/ID selectors, Pseudo-class/element, Color values, Length units, Text, Font, Lists, Padding/border/margin, Floating/clearing,
More informationThe Design Environment
This Help Resource page has been created to help users navigate the Jmol Tutorial Creator website. If this is your first time using the Jmol Tutorial Creator, we suggest watching our Introductory Video
More informationThe City School. Prep Section. ICTech. 2 nd Term. PAF Chapter. Class 7. Worksheets for Intervention Classes
The City School PAF Chapter Prep Section ICTech Class 7 2 nd Term Worksheets for Intervention Classes Name: Topic: Scratch Date: Q.1: Label the diagram 1 2 3 4 5 6 7 12 8 9 11 10 1. 2. 3. 4. 5. 6. 7. 8.
More informationThe City School. Prep Section. ICTech. 2 nd Term. PAF Chapter. Class 8. Worksheets for Intervention Classes
The City School PAF Chapter Prep Section ICTech Class 8 2 nd Term Worksheets for Intervention Classes Name: Topic: Flowchart Date: Q. Write the name and description of the following symbol. Symbol Name
More informationCreating Teacher Webpages on the New APS WordPress Site
Creating Teacher Webpages on the New APS WordPress Site TABLE OF CONTENTS INTRODUCTION 3 THE EDITING DASHBOARD 4 CREATING A NEW PAGE 5 EDITING YOUR PAGE 6 1. Page Title 7 2. Toolbar/ toolbar icons 7 3.
More informationStudent Guide Updated February 22, 2018
Student Guide Updated February 22, 2018 1 Table of Contents Getting Started with Moodle... 3 Browser Requirements... 3 How do I log in to Moodle?... 3 How do I retrieve my Moodle password?... 4 Where do
More informationDownloads: Google Chrome Browser (Free) - Adobe Brackets (Free) -
Week One Tools The Basics: Windows - Notepad Mac - Text Edit Downloads: Google Chrome Browser (Free) - www.google.com/chrome/ Adobe Brackets (Free) - www.brackets.io Our work over the next 6 weeks will
More informationCSS CSS how to display to solve a problem External Style Sheets CSS files CSS Syntax
CSS CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to solve a problem External Style Sheets can save a lot of work External Style Sheets
More informationSite Owners: Cascade Basics. May 2017
Site Owners: Cascade Basics May 2017 Page 2 Logging In & Your Site Logging In Open a browser and enter the following URL (or click this link): http://mordac.itcs.northwestern.edu/ OR http://www.northwestern.edu/cms/
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 informationTo link to an external stylesheet, the link element is placed within the head of the html page:
CSS Basics An external style sheet is simply a text file (use BBEdit or Textwrangler) containing style rules, saved with the.css extension. It s best practice to keep style sheets for a site grouped within
More informationFRONTPAGE STEP BY STEP GUIDE
IGCSE ICT SECTION 15 WEB AUTHORING FRONTPAGE STEP BY STEP GUIDE Mark Nicholls ICT lounge P a g e 1 Contents Introduction to this unit.... Page 4 How to open FrontPage..... Page 4 The FrontPage Menu Bar...Page
More informationEnhancing your Page. Text Effects. Paragraph Effects. Headings
Enhancing your Page You can make your pages more visually appealing and organize page content by using text effects, paragraph effects, macros, images, tables, etc. To begin, select the "Edit" button for
More informationMotivation (WWW) Markup Languages (defined). 7/15/2012. CISC1600-SummerII2012-Raphael-lec2 1. Agenda
CISC 1600 Introduction to Multi-media Computing Agenda Email Address: Course Page: Class Hours: Summer Session II 2012 Instructor : J. Raphael raphael@sci.brooklyn.cuny.edu http://www.sci.brooklyn.cuny.edu/~raphael/cisc1600.html
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 informationZeppelin Website Content Manager User Manual
Zeppelin Website Content Manager User Manual 1. Introduction Zeppelin Website Content Manager is made for maintaining and editing the content of the website easily. Most of the contents inside the website
More informationAP CS P. Unit 2. Introduction to HTML and CSS
AP CS P. Unit 2. Introduction to HTML and CSS HTML (Hyper-Text Markup Language) uses a special set of instructions to define the structure and layout of a web document and specify how the document should
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 informationCITS1231 Web Technologies. Introduction to Cascading Style Sheets
CITS1231 Web Technologies Introduction to Cascading Style Sheets The Problems with HTML Poor Coding No consistency in the way a document is developed. The same markup can often be written a number of ways.
More informationWYSIWYG Editor: Users Manual
WYSIWYG Editor: Users Manual Table of Contents WYSIWYG Editor Overview.... 3 Adding Text... 4 Inserting an Image.... 7 Inserting a File.... 15 Embedding Media.... 21 Inserting an Email Link.... 25 Captiva
More informationLesson 1: Writing Your First JavaScript
JavaScript 101 1-1 Lesson 1: Writing Your First JavaScript OBJECTIVES: In this lesson you will be taught how to Use the tag Insert JavaScript code in a Web page Hide your JavaScript
More informationIntroduction to Multimedia. MMP100 Spring 2016 thiserichagan.com/mmp100
Introduction to Multimedia MMP100 Spring 2016 profehagan@gmail.com thiserichagan.com/mmp100 Troubleshooting Check your tags! Do you have a start AND end tags? Does everything match? Check your syntax!
More informationCSS - Cascading Style Sheets
CSS - Cascading Style Sheets As a W3C standard, CSS provides a powerful mechanism for defining the presentation of elements in web pages. With CSS style rules, you can instruct the web browser to render
More information