Introduction to HTML for my Special Class
300179
24 views
24 slides
Aug 28, 2024
Slide 1 of 24
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
About This Presentation
Introduction to HTML5
Slide Content
HTML Introduction
EXPECTATIONS At the end of this module you will understand the following: 1. understand html; 2. familiarize different basic tags and elements of html5; and 3. familiarize html structure.
PRETEST Directions: Select the letter that corresponds to the correct answer. 1. What does HTML stands for? A. Hyper Text Markup Language B. Hyper Text Markdown Language C. Hyper Technology Markup Language D. Hyper Technology Markdown Language Which of the following tags defines that document is an hTML5 document? A. <html> B. <title> C. <body> D. <!DOCTYPE html> 3. The first version of HTML was published in what year? A. 1990 B. 1991 C. 1992 D. 1993 4. HTML 5 was published in what year? A. 2013 B. 2014 C. 2015 D. 2016 5. It is a HTML root element. A. <html> B. <title> C. <body> D. <!DOCTYPE html>
History of HTML HTML was created by Tim Berners-Lee also known as the father of the web . The first version of HTML was HTML 1.0 published in 1991 and latest version was HTML 5 which was published in 2014 . HTML 1.0 it consists of 18 HTML tags and each new version came with new tags and to the markup.
What is HTML?
Notepad, notepad++, sublime or TextEdit are all application can be use in writing your HTML documents. HTML documents are files that end with a .html or .htm extension.
HTML basic elements and tags An element is a set of opening and closing tags therefore tags are element names that surrounded by angle brackets. Tags usually come in pairs the start tag or also known as beginning tag and the end tag also called as closing tag . The end tag is written like the start tag, but with a forward slash inserted before the tag name. Example: <tag> …………… </tag>
HTML structure HTML ( HyperText Markup Language) structure refers to the way HTML elements are organized to create a web page. It includes the basic components and tags that define the layout, content, and structure of the page .
Example declaration defines that this document is an HTML5 document element is the root element of an HTML page element contains meta information about the HTML page element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab) element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc. element defines a large heading element defines a paragraph
Web Browsers The purpose of a web browser (Chrome, Edge, Firefox, Safari) is to read HTML documents and display them correctly.
HTML Page Structure
A simple text editor is all you need to learn HTML. Learn HTML Using Notepad or TextEdit Step 1: Open Notepad (PC)
Step 2: Write Some HTML
Step 3: Save the HTML Page Save the file on your computer. Select File > Save as in the Notepad menu. Name the file "index.htm" and set the encoding to UTF-8 (which is the preferred encoding for HTML files).
Step 4: View the HTML Page in Your Browser The result will look much like this:
Importance of HTML in Web Development 1. Foundation of Web Pages- HTML serves as the fundamental building block for web pages.
Importance of HTML in Web Development 2. Universal Language- HTML is a standardized language recognized and supported by all web browsers.
Importance of HTML in Web Development 3.Semantics and Accessibility -HTML provides semantic elements (e.g., headings, lists) that convey the meaning of content.
Importance of HTML in Web Development 4. Integration with Other Technologies -HTML seamlessly integrates with CSS (Cascading Style Sheets) for styling and JavaScript for interactivity.
Importance of HTML in Web Development 5. Responsive Web Design HTML5 introduces features like media queries and flexible layouts, enabling responsive web design.
Importance of HTML in Web Development 7. Structured Data and SEO HTML allows the inclusion of structured data through microformats and schema.org.
Importance of HTML in Web Development 8. Constant Evolution HTML continues to evolve with new standards and features (e.g., HTML5).
Tags
Categories
GeneralDownload
Download Slideshow Get the original presentation fileQuick Actions
Statistics
- Views 24
- Slides 24
- Age 460 days
Related Slideshows
22
Pray For The Peace Of Jerusalem and You Will Prosper
RodolfoMoralesMarcuc
30 views
26
Don_t_Waste_Your_Life_God.....powerpoint
chalobrido8
32 views
31
VILLASUR_FACTORS_TO_CONSIDER_IN_PLATING_SALAD_10-13.pdf
JaiJai148317
30 views
14
Fertility awareness methods for women in the society
Isaiah47
29 views
35
Chapter 5 Arithmetic Functions Computer Organisation and Architecture
RitikSharma297999
26 views
5
syakira bhasa inggris (1) (1).pptx.......
ourcommunity56
28 views