Scribd
Upload
54 views1 page

Html5 Css3 Javascript: Alqudahayman Tolearntoshare

This document discusses key concepts related to front-end web development including HTML5, CSS3, JavaScript, DOM manipulation, responsive design, and semantic markup. It covers HTML tags and elements, CSS selectors and properties, JavaScript functions, and how they all work together to build out page layouts and interactive experiences. The relationship between HTML, CSS, and JavaScript is explored, with JavaScript used to manipulate the DOM tree and CSS selectors applied to select and style HTML elements on the page.

Uploaded by

Yaser Alshetwi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
54 views1 page

Html5 Css3 Javascript: Alqudahayman Tolearntoshare

This document discusses key concepts related to front-end web development including HTML5, CSS3, JavaScript, DOM manipulation, responsive design, and semantic markup. It covers HTML tags and elements, CSS selectors and properties, JavaScript functions, and how they all work together to build out page layouts and interactive experiences. The relationship between HTML, CSS, and JavaScript is explored, with JavaScript used to manipulate the DOM tree and CSS selectors applied to select and style HTML elements on the page.

Uploaded by

Yaser Alshetwi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

JavaScript CSS3 HTML5

Body

Head JS

Functions

DOM

DOM
HTML

Responsive Design

JS

HTHML Tag
HTHML Tag

PageLayout

HTHML Tag

HTHML Tag

PageLayout

HTML Tags

CSS Selector

PageLayout

Relationship.

CSS(#ID)

CSS(.Class)

Anchor Element 4
Body CSS

HTML

pixel

SPAN

DIV

CSS

CSS(CSS Selector)

"
.

" SemanticWeb

FrontEnd

SemanticWeb

HTML

SemanticWeb

InlineElements

CSS
2

QueryAll

SPAN DIV

HTML
DOM

ClassName

Body CSS

HTML

DOM
HTML

ID

CSS

Responsive Design
page layout

CSS(CSS Selector)

DOM

HtmlTag

Function

HTML
Children

not() :

page layout

Vertical -Align

Anchor Element CSS

HTML

CSS

DOM
(

First-Child,Last-Child,nth-Child"
TagName

HTML
DOM

(!

DOM
Float

pixel
HTML

First-of-type,Last-of-type

Function

Padding
General Sibling

HTML

CSS(.Class)

Function

Semantic Web
Margin

JS

FrontEnd

Adjacent Sibling
CSS(#ID)

JS
Display

Child Selector

JavaScript -JS-

Page layout

ALQUDAHAYMAN

ToLearnToShare

http://www.rwaq.org/courses/html5-css3-js

--

)
.

CSS

BlockElements

BackEnd. FrontEnd

You might also like