HTML Elements.

Slides:



Advertisements
Similar presentations
Website Design.
Advertisements

HTML Elements. HTML documents are defined by HTML elements.
CS1220 Web Programming Saloni Chacha.
PowerPoint Template The Coolest Design Type something here
Science project By Thomas,Emmilea. What is a grassland biome?
Speaker Name Title of Presentation
Speaker Name Title of Presentation
Insert the title of your presentation here
VILIONLEE的演界小屋 LOREM IPSUM DOLOR SIT AMET.
BUSINESS REPROT TEMPLATE
VILIONLEE的演界小屋 LOREM IPSUM DOLOR SIT AMET.
Staff Training Type your subject here.
By Your Name Science Fair Project By Your Name
Names, titles & Affiliations
Enter Title of Research Poster Right Here
Metro PowerPoint Template
INSERT IMAGE 01 Nominee Last Name Image 01 Project Title
2017 LOGO ANNUAL REPORT Powerpoint Template Designed By Yexue in 2017.
Welcome To Coolsummer 95% From 2015 COOL SUMMER
PRESENTATION TITLE Subtitle Can Go Here.
Recipe Name Here Recipe Name Here Recipe Name Here Recipe Name Here
PINK POINT THEME INTELLIGRAPHIC.
Names, titles & Affiliations
NAME OF PRESENTATION Company Name.
Names, titles & Affiliations
Names, titles & Affiliations
Free Powerpoint Template Designed By Guanhai in 2016
Title of Article Topic By: Your Name Homeroom.
Top Five Tools Sample Lead Magnet Template
Names, titles & Affiliations
Poster Number: Poster Title
Recipe Name Here Recipe Name Here INGREDIENTS INGREDIENTS
PROJECT TEAM STRUCTURE
Names, titles & Affiliations
Despicable me, Little YELLOW.
HTML Basic Structure.
Web Application Development
This is a sample template
WELCOME Welcome to the Business Presentation Template
Poster Number: Poster Title
Enter Title of Research Poster Right Here
Staff Training Type your subject here.
PRESENTATION TITLE Presentation Subtitle By James Sager – Dec 31, 2021
Presentation Title Goes Right Here
Enter Title of Research Poster Right Here
EXPERIENCE INTERNATIONAL EXPERIENCE Company Name | Job Title
Regional Split of Denmark
Horizontal Organization Chart SmartArt
Default Cover Slide Subtitle | Date.
8 Name Here years PROFILE EXPERIENCE EDUCATION SKILLS of experience
Lorem ipsum dolor sit amet
NAME OF THE COMPANY PITCH DECK. DESIGN BY © SLIDELAB ABOUT US Insert example #1 here Insert example #2 here Insert example #3 here Insert example #4 here.
CLICK TO EDIT MASTER TITLE Click to edit Master subtitle style.
59% 34% Welcome To Coolsummer From 2014 From
PRESENTATION TITLE Presentation Subtitle By James Sager – Dec 10, 2020
Paper/presentation title
HTML Introduction.
Business Flat General Ppt Template LOGO
HTML Quotation.
Course Title Instructor Name Course Code / Semester / Year
Title Slide Templates.
2019 PRESENTATION TITLE LOGO
8 Name here years PROFILE EXPERIENCE EDUCATION SKILLS of experience
EXPERIENCE INTERNATIONAL EXPERIENCE Company name | Job title
Presentation transcript:

HTML Elements

HTML Elements An HTML element usually consists of a start tag and end tag, with the content inserted in between: <tagname>Content goes here...</tagname> The HTML element is everything from the start tag to the end tag:

Nested HTML Elements HTML elements can be nested (elements can contain elements). All HTML documents consist of nested HTML elements. This example contains four HTML elements: Example <!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>

Example Explained The <html> element defines the whole document. It has a start tag <html> and an end tag </html>. The element content is another HTML element (the <body> element). <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>

<body> The <body> element defines the document body. It has a start tag <body> and an end tag </body>. The element content is two other HTML elements (<h1> and <p>). <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body>

<h1> The <h1> element defines a heading. It has a start tag <h1> and an end tag </h1>. The element content is: My First Heading. <h1>My First Heading</h1>

<p> The <p> element defines a paragraph. It has a start tag <p> and an end tag </p>. The element content is: My first paragraph. <p>My first paragraph.</p>

Do Not Forget the End Tag Some HTML elements will display correctly, even if you forget the end tag: <html> <body> <p>This is a paragraph <p>This is a paragraph </body> </html> the example above works in all browsers, because the closing tag is considered optional. Never rely on this. It might produce unexpected results and/or errors if you forget the end tag.

Empty HTML Elements HTML elements with no content are called empty elements. <br> is an empty element without a closing tag (the <br> tag defines a line break). Empty elements can be "closed" in the opening tag like this: <br />. HTML5 does not require empty elements to be closed. But if you want stricter validation, or if you need to make your document readable by XML parsers, you must close all HTML elements properly.

Use Lowercase Tags HTML tags are not case sensitive: <P> means the same as <p>. The HTML5 standard does not require lowercase tags, but W3C recommends lowercase in HTML, and demands lowercase for stricter document types like XHTML.

Title Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua