HTML ELEMENTS THE SUPER BASICS. OPENING AND CLOSING If a tag is opened Then the tag must be closed.

Slides:

Advertisements

Similar presentations

Introduction to HTML & CSS

Advertisements

1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A

ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.

HTML / CSS – Basics Why the heck are we doing this?

Making Things Look Nice: Visual Appearance and CSS CMPT 281.

HTML and Web Page Design Presented by Frank H. Osborne, Ph. D. © 2005 ID 2950 Technology and the Young Child.

Introduction to HTML CPS470 Software Engineering Fall 1998.

Made by: Dan Ye. Introduction Basic Last Page ☆ HTML stands for Hyper Text Markup Language; ☆ HTML is not a programming language, it is a markup language;

Basic HTML UCR Webmasters Support Group Derk Adams.

HTML. Goals How to use the Komodo editor HTML coding and testing Basic HTML tags List and Images Tables and Links At least 2 pages and navigation

By: Hannah Subheadings A subheading is something that’s a smaller part of a section. Example: Migration Then.

© 2012 Adobe Systems Incorporated. All Rights Reserved. LEARNING THE LANGUAGE OF THE WEB INTRODUCTION TO HTML AND CSS.

MORE HTML REMEMBER TO SEARCH W3 SCHOOLS FOR MORE INFO.

Define html document byusing Example : Title of the document The content of the document......

ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.

Intro to Dreamweaver Web Design Section 7-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.

>> Introduction to HTML: Tags. Hyper - is the opposite of linear Text – words / sentences / paragraphs Mark-up – Marking the text Language – It is a language.

STILL CHAPTER 4 More Style. Topics How to specify “style” for beautifying your content?  Using tag and style attributes and values Separate file for.css.

INTRODUCTION. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language,

1 What is HTML? Standardized codes Web pages SGML Descriptive markup Tags.

INTRODUCTION TO HTML5 Semantic Layout in HTML5.  The new semantic layout in HTML5 refers to a new class of elements that is designed to help you understand.

INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.

The Language of the Internet. HTML5 Hypertext Markup Language- Fifth iteration Used to create documents containing text, images, and hyperlinks Has Grammar.

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

LEARNING HTML PowerPoint #1 Cyrus Saadat, Webmaster.

HTML file format  Lesson Objective: Understanding HTML and how it is used to create web pages.  Learning Outcome:  Create a HTML page by interpreting.

Styling in HTML PowerPoint How to style in HTML. Styling in HTML Styling tags can be added to HTML to place emphasis or add appeal – These tags must be.

How to create Web Pages. Some relevant websites ????

Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.

Things we’ve covered so far  Basic HTML  Some advanced tags i.e.  Styling using CSS  Background-color  Text  Changing the font on your site  Inserting.

Cascading Style Sheets

Getting Started with Marking Up Page Content. Tag defines a paragraph Automatically creates some space before and after itself Code Browser Display.

HTML Basic. What is HTML HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it.

INTRODUCTION TO HTML ENGL 307 March 28 th, Hyper Text Markup Language What is HTML?

Introduction to HTML Year 8. What is HTML O Hyper Text Mark-up Language O The language that all the elements of a web page are written in. O It describes.

HTML HyperText Markup Language. Text Files An array of bytes stored on disk Each element of the array is a text character A text editor is a user program.

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.

Web programming Part 1: HTML 由 NordriDesign 提供

Headings are defined with the to tags. defines the largest heading. defines the smallest heading. Note: Browsers automatically add an empty line before.

University of South Asia Course Name: Web Application Prepared By: Md Rezaul Huda Reza

HTML tags and attributes By: Dennis Champagne. List of tags.

External Style Sheets Exploring Computer Science – Lesson 3-6.

Text Building a Website Lesson 3. Headings,,,,, Headings,,,,, HTML has 6 levels of headings,,,,,,,,,, is used for main headings is used for main headings.

Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.

Notes Test #2 will be held one week from this Thursday Check to see if you have a Vision account –Launch Netscape –Point & Click to location and type vision.

Elements and Attributes. XHTML Elements The element contains special information that does not necessarily show up on the web page. The element determines.

HTML Basic Structure. Page Title My First Heading My first paragraph.

Introduction to Hypertext Markup Language James H. Harrison, Jr., M.D., Ph.D. Center for Biomedical Informatics University of Pittsburgh Medical Center.

HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.

HTML cancho. HTML HyperText Markup Language A set of HTML tags.

Bold and Italics. Bold and Italic Text in XHTML: We can italicize and bold text in CSS by using the "font-style:italic" and "font-weight:bold" styles.

Course created by Sarah Phillips BBCD Melbourne BAPDCOM Version 1 – April 2013.

Week-11 (Lecture-1) Introduction to HTML programming: A web based markup language for web. Ex.

HTML Headers/Parag raphs. How to make a heading  Page Title This is a Heading This is a paragraph.

Web Basics: HTML/CSS/JavaScript What are they?

Intro to Dreamweaver Web Design Section 8-1

INTRODUCTION TO HTML AND CSS

What is HTML? Standardized codes Web pages SGML Descriptive markup

Dreamweaver – Project #1

PAGE LAYOUT - 1.  Most HTML elements are defined as block level elements or inline elements.  Block level elements normally start (and end) with a new.

Laying out a website using CSS and HTML

Essentials of HTML.

HOW PAGES USE STRUCTURE HEADLINE HOW PAGES USE STRUCTURE TEXT.

INTRODUCTION TO HTML AND CSS

Pertemuan 1 Desain web Pertemuan 1

HOW PAGES USE STRUCTURE HEADLINE HOW PAGES USE STRUCTURE TEXT.

Getting Started with Marking Up Page Content

Presentation transcript:

HTML ELEMENTS THE SUPER BASICS

OPENING AND CLOSING If a tag is opened Then the tag must be closed

REMEMBER THINGS YOU KNOW This is the Main Heading This text might be an introduction to the rest of the page. And if the page is a long one it might be split up into several sub-headings. This is a Sub-Heading Many long articles have sub-headings so to help you follow the structure of what is being written. There may even be sub-sub-headings (or lower-level headings). Another Sub-Heading

SEE?!?! This is the Main Heading This text might be an introduction to the rest of the page. And if the page is a long one it might be split up into several sub-headings. This is a Sub-Heading Many long articles have sub-headings so to help you follow the structure of what is being written. There may even be sub-sub-headings (or lower-level headings). Another Sub-Heading

HTML ELEMENTS ARE LOGICAL/SEMANTIC paragraph break headings italic bold,, used for lists (important for creating navigation menus) images links division (important for CSS)

HTML5 ELEMENTS ARE EVEN SMARTER HTML5 element important for CSS similar to and