1.28M
Категория: ИнтернетИнтернет

What is HTML?

1.

2.

What is HTML?
HTML overview
Basic HTML Structure
Heading Tags
Paragraph Tag
Adding link
Adding image
Using div tag

3.

HTML Versions

4.

Tag Structure

5.

Single and Empty tags

6.

Tag & Attribute structure

7.

Basic HTML Structure

8.

<!DOCTYPE> Declaration
HTML 5:
<!DOCTYPE html>
HTML 4.01:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

9.

Global Attributes
accesskey
dir
class
draggable
id
hidden
style
lang
title
spellcheck
contenteditable
tabindex
data-*
translate

10.

id & class attribue
specifies a unique id
used to point to a specific style
hash character #
The id name must contain
least one character
cannot start with a number
must not contain whitespaces (spaces, tabs, etc.)
class attribute specifies one or more class names for an element
used by CSS and JavaScript to select and access specific elements
can be used on any HTML element
The class name is case sensitive
Different HTML elements can point to the same class name
JavaScript can access elements with a specific
class name with the getElementsByClassName() method

11.

Deprecated & Obsolete
HTML - Deprecated Tags
Tag
Description
Alternate
<applet>
Specifies an
applet
<object>
<basefont>
Specifies a base
font
<center>
Specifies
centered text
<dir>
Specifies a
directory list
text-align

12.

Block & Inline Elements

13.

Heading Tags
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

14.

Adding link
<a> Tag
"href" attribute
"target" attribute
# as a placeholder

15.

Adding image
The <img > tag
"src" attribute
"alt" attribute
"height " and "width" attr. for image

16.

Paragraph Tag and div
<p> Tag
The <div> tag
Why we use it?
English     Русский Правила