HTML Line Breaks and HTML Horizontal Rules (Lines)

Slides:



Advertisements
Similar presentations
Designing Web Pages Tables part one. Using Tables for Page Layout 2.
Advertisements

Tutorial 5 Working with Web Tables
Working with Web Tables
Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.
Cascading Style Sheets
HTML Overview - Cascading Style Sheets (CSS). Before We Begin Make a copy of one of your HTML file you have previously created Make a copy of one of your.
Creating Pages in XHTML
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
HTML – A Brief introduction Title of page This is my first homepage. This text is bold  The first tag in your HTML document is. This tag tells your browser.
HTML/XML XHTML Authoring. Creating Tables  Table: An arrangement of horizontal rows and vertical columns. The intersection of a row and a column is called.
FORMATTING IN CONTEXT. FOLLOW UPS ANCHOR POINTS MUST BE UNIQUE  If you have more than one, how does it know where to go?  They can be repeated across.
Cascading Style Sheets. CSS stands for Cascading Style Sheets and is a simple styling language which allows attaching style to HTML elements. CSS is a.
Web Pages and Style Sheets Bert Wachsmuth. HTML versus XHTML XHTML is a stricter version of HTML: HTML + stricter rules = XHTML. XHTML Rule violations:
กระบวนวิชา CSS. What is CSS? CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to.
CSS normally control the html elements. Three Ways to Insert CSS There are three ways of inserting a style sheet: External style sheet Internal style.
COMP101 – Exploring Multimedia and Internet Computing LA2 (Thur 14:00 – 16:50) TA: Jackie Lo.
Computer Science 1611 Internet & Web Creating Webpages with Style Hypertext and the HTML Markup Language (continued)
Using HTML Tables.
CM143 Week 4 Introducing CSS. Cascading Style Sheets A definition for the style in which an element of the webpage will be displayed Border width, colour,
HTML Elements. HTML documents are defined by HTML elements.
XHTML1 Tables N100 Creating a Simple Web Page. XHTML2 Creating Basic Tables Tables are collections of rows and columns that you use to organize and display.
1 The Structure of a Web Table beginning of the table structure first row of three in the table end of the table structure table cells You do not need.
HTML Overview Part 2 – Paragraphs, Headings, and Lines 1.
Headings, Paragraphs, Formatting, Links, Head, CSS, Images
INTRODUCTORY Tutorial 7 Creating Tables. XP New Perspectives on Blended HTML, XHTML, and CSS2 Objectives Discern the difference between data tables and.
Tutorial 5 Working with Web Tables. XP Objectives Explore the structure of a Web table Create headings and cells in a table Create cells that span multiple.
INTRODUCTION TO HTML5 Styling Text. Change the Font Size  You can use the font-size property to change the font size for a document’s text.  Instead.
Images (1) Three most popular formats – Graphics Interchange Format (GIF) – Joint Photographic Experts Group (JPEG) – Portable Network Graphics (PNG) –
Web Pages: Creating & Maintaining Body Tags. There have been several versions of HTML since its inception. VersionYear HTML1991 HTML HTML
To Proudly supported by ferrycake.com. We will be printing Cash for your Community tokens every week in the Carmarthen Journal and Llanelli Star. The.
More Basic XHTML Module 2: XHTML Basics LESSON 2.
Overview of HTML/XHTML Two Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.
© Ms. Masihi 1.  A Horizontal Rule is a built-in graphic element that can be used to draw horizontal lines (rules) on your web page.  This is accomplished.
Cascade Style Sheet Introduction. What is CSS?  CSS stands for Cascading Style Sheets  Styles define how to display HTML elements  Styles were added.
Cascading Style Sheets Part 1. CSS vs HTML HTML: Originally intended to markup structure of a document (,...,,,,,...) CSS Developing technology, CSS1,
Tutorial 5 Working with Tables and Columns
Tutorial 5 Working with Tables and Columns
Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.
Tutorial 5 Working with Web Tables. XP Objectives Explore the structure of a Web table Create headings and cells in a table Create cells that span multiple.
1 Web Application Programming Presented by: Mehwish Shafiq.
Suzanne Sultan1 Line Breaks, Paragraphs, lists Lab3.
CIS234A Lecture 8 Instructor Greg D’Andrea. Review Text Table contains only text, evenly spaced on the Web page in rows and columns uses only standard.
DIV, Span, CSS.
Cascading Style Sheets CSS. Source W3Schools
Macromedia Dreamweaver 8 Revealed AND GRAPHICS WORKING WITH TEXT.
XHTML Formatting font with a style declaration. Formatting Font HTML uses the font tag to change size and family of font But… the font tag is being deprecated.
Body and Heading Tags and their Attributes. Attribute Name DefinitionValues backgroundIndicates the background image of the Web page. Ex. Filename(path.
Web Development Lecture # 09 Text Formatting in HTML.
Are You Smarter Than a 5 th Grader? 1,000,000 5th Grade HTML 5th Grade Syntax 4th Grade HTML 4th Grade Syntax 3rd Grade HTML 3rd Grade Syntax 2nd Grade.
Cascading Style Sheets I Embedded Style Sheets. Page Design ICSS 2Instructor: Sean Griffin What is a Style Sheet? A style sheet is a text file that contains.
Microsoft Expression Web 3 – Illustrated Unit D: Structuring and Styling Text.
WEEK -1 ACM 262 ACM 262 Course Notes. HTML What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML.
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
THE TEXT ELEMENTS. THE HEADING ELEMENTS,,,, and - introduce new section of content as a title or a header. Heading sizes range from H1 to H6, where H1.
Copyright © 2012 Certification Partners, LLC -- All Rights Reserved Lesson 5: HTML Tables.
Revision Webpage design HTML.   FACE  Attributes  Marquee  Define the following terms.
This is a test Webpage Wow, I’m writing my first webpage.
Tutorial 5 Working with Web Tables. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Learn and Apply the structure of.
CASCADING STYLE SHEET 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.
Cascading Style Sheets Using HTML. What are they? A set of style rules that tell the web browser how to present a web page or document. In earlier versions.
Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.
Tutorial 5 Working with Web Tables
>> Introduction to CSS
Tutorial 5 Working with Tables and Columns
Tutorial 5 Working with Web Tables
Intro to CSS Mr. Singh.
Tutorial 3 Working with Cascading Style Sheets
Web Design and Development
Exercise 24 – Software Skills
Lesson 5: HTML Tables.
Presentation transcript:

HTML Line Breaks and HTML Horizontal Rules (Lines)

Use the tag if you want a line break (a new line) without starting a new paragraph: HTML Line Breaks The element is an empty HTML element. It has no end tag.

or In XHTML, XML, and future versions of HTML, HTML elements with no end tag (closing tag) are not allowed. Even if works in all browsers, writing instead is more future proof. This is a para graph with line breaks This is a para graph with line breaks Example CodeResult

HTML Rules (Lines) The tag is used to create an horizontal rule (line). This is a paragraph This is a paragraph This is a paragraph

Horizontal Rule Attributes Attribute Name DefinitionValues AlignIndicates the horizontal alignment of the horizontal rule. Ex. left, center, right SizeIndicates the size of the horizontal rule in pixels. Ex. Number of pixels WidthIndicates the width of the horizontal rule in pixels or percent of the width displayed by the Web browser. Ex. Number of pixels or number expressed as percent NoshadeIndicates if the default shading in the horizontal rule is to be removed. Ex. none ColorIndicates the color of the horizontal rule. Ex. Assigned name or hexadecimal value of the color class, id, style Used in Cascading Style Sheet or CSS

Activity Design a webpage using the content and format below.