WRT235: Writing in Electronic Environments Session 2 Basic XHTML.

Slides:



Advertisements
Similar presentations
HTML Basics Customizing your site using the basics of HTML.
Advertisements

Intro to HTML. HTML HTML = HyperText Markup Language Used to define the content of a webpage HTML is made up of tags and attributes Content.
What happens when you create an HTML document and include pictures.
Hyper Text Markup Language.  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,
WeB application development
MIS 425 Lecture 2 – HTML Navigation, Colors, tables and Styles Instructor: Martin Neuhard
HTML Creating Web pages. HTML Hyper Text Markup Language Not programming, but a markup language using tags to format text in Web browsers.
Web Page Development Identify elements of a Web Page Start Notepad
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
HTML Introduction HTML
Chapter 14 Introduction to HTML
Tutorial 1: Getting Started with HTML5
Basics of HTML Shashanka Rao. Learning Objectives 1. HTML Overview 2. Head, Body, Title and Meta Elements 3.Heading, Paragraph Elements and Special Characters.
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 2: Working with Webpage Files.
Introduction to Web Development in HTML Web module day 1 IS 201.
Today’s Topic Language of web page - HTML (Hypertext Markup Language)
Basic HTML Hyper text markup Language. Re-cap  … - The tag tells the browser that this is an HTML document The html element is the outermost element.
Tutorial 1 Developing a Basic Web Page. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives – Lesson 1 Introduction to the.
1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.
HTML. WHAT IS HTML HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of.
WRT235: Writing in Electronic Environments Session 1 Getting Started.
Web Programming Basics of HTML. HTML stands for Hyper Text Mark-up Language A mark-up language is different than those that you have learned before in.
Web Design (2) Brackets - introduction. Brackets Brackets is a web design code editor It is an open-source project initiated by Adobe (creator of Dreamweaver)
HTML I An Introduction to the Language of the Web Terry Bake
Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.
Basic HTML PowerPoint How Hyper Text Markup Language Works
HTML Codes Miss B.
Introduction to HTML Wah Yan College (Hong Kong) Mr. Li C.P.
Week 1 – Beginners Content McAfee & Big Fish Games CoderDojo.
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
Introducing the World Wide Web Internet- a structure made up of millions of interconnected computers whose users communicate with each other and share.
WRA 210: MODULE 3 &PORTFOLIO SESSION 2: STUFF TO REMEMBER Do the readings. It helps, seriously. Ask questions. It’s OK to interrupt me (not others).
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
Creating Your First Web Page – Topic: Creating a wiki, blog, image blog and podcast Click Arrow - Next Slide 1.
ALBERT WAVERING BOBBY SENG. Welcome  Introductions  Existing knowledge?  Laptops?  Course goals  Introduction to several topics  Encourage creativity.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
COMP 2923 A2 Website Development 101 Danny Silver JSOCS, Acadia University.
1 More About HTML Images and Links. 22 Objectives You will be able to Include images in your HTML page. Create links to other pages on your HTML page.
This shows CIS17 and the first day introduction..
HTML Review * is used as a reference for most of the notes in this powerpoint.
HTML: Hypertext Markup Language The language to make web pages 0.
Using HTML. Glogger Glogger is like you own personal web page, you can add… Pictures Text Videos Music, etc… Modify and adjust anything you want Glogger.
How to build a Web Page or “The things geeks never told you!”
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
Project 02 Creating and Editing a Web Page Concept Map of Unit Creating and Editing a Web Page Key Learning Understand the elements to create a web page.
Chapter 4 and 5. Objectives Introduce markup: elements and attributes How browsers interpret HTML documents Basic structure of HTML document What do style.
Introduction to HTML Hypertext Mark-up Language. HTML HTML = Hypertext Mark-up Language Is just plain simple text marked up by “tags” You can create a.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
Web Design Tools Lesson 3. What will you learn in this lesson? The tools of the trade and their advantages The tools of the trade and their advantages.
NOTEPAD++ Lab 1 1 Riham ALSmari. Why Notepad++ ?  Syntax highlighting  Tabbed document interface  Zooming  Indentation code  Find and replace over.
Computer Basics Introduction CIS 109 Columbia College.
U NIT 9 Level 2 Web Design. What does HTML stand for? HTML stands for Hypertext Markup Language and it is the language used by all web pages. It consists.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 1 Using HTML to Create Web Pages.
Week 1: Introduction to HTML and Web Design
Getting Started with HTML
Web Basics: HTML/CSS/JavaScript What are they?
HTML & teh internets.
Tutorial: How to Creat a Website.
Computer Concepts I and II Sue Norris
Introduction to Web Page Design
HTML HYPERTEXT MARKUP LANGUAGE.
HTML Structure.
Introduction to Web Application Design
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
Creating your first website
Creating your first website
WJEC GCSE Computer Science
Web Programming and Design
GenCyber Day Website Security.
Presentation transcript:

WRT235: Writing in Electronic Environments Session 2 Basic XHTML

Course Websites   sakai.uri.edu

Recap  HTML is a way to markup a text so that a browser can interpret it  HTML is one of 3 main components of how the modern web works (CSS and Javascript being the other 2)  You need servers and server space to deliver your web content

Getting Started  Download the wrt235_stub.html zip from our course site  Extract the html file from the zip and store it on your Desktop  Open the file with your text editor  Notepad for Windows  TextEdit or TextWrangler for Mac  File > Open > Select File

1. Edit  In the section of the HTML file, change the section to something appropriate to the class.  e.g., Your Name, Course Title  Save the file in your text editor  Open Chrome  In Chrome, File > Open > Your File  Make note of how the browser interprets your markup

2. Edit main page title  Titling HTML pages involves using header tags.  These tags range from (largest) to (smallest)  Give your page an appropriate main title using one of the tags.

3. Add a footer  Notice the and tags at the end of the document  The close and tags will normally enclose all your content  Let’s add a footer for this document so that the reader can see where it ends upon scroll  Before the tag, add the following: 

4. Add a list  Somewhere between the tags, add the following:   Toyota  Ford  BMW   This is a list.  The tag denotes that the list is unordered  The tags denotes the list items

5. Add a link  Below your list add the following:  University of Rhode Island  Save. Refresh. Click the link.  What happens?  Nothing should happen because the link doesn’t point to anything but the current page.  Revise the link to read:  University of Rhode Island “