🗊Презентация HTML+CSS course

Категория: Устройства и комплектующие
Нажмите для полного просмотра!
HTML+CSS course, слайд №1HTML+CSS course, слайд №2HTML+CSS course, слайд №3HTML+CSS course, слайд №4HTML+CSS course, слайд №5HTML+CSS course, слайд №6HTML+CSS course, слайд №7HTML+CSS course, слайд №8HTML+CSS course, слайд №9HTML+CSS course, слайд №10HTML+CSS course, слайд №11HTML+CSS course, слайд №12HTML+CSS course, слайд №13HTML+CSS course, слайд №14
Скачать
Вы можете ознакомиться и скачать презентацию на тему HTML+CSS course. Доклад-сообщение содержит 14 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1


HTML+CSS course Module 1. Introduction: Terminology, Syntax, Structure, Coding Practices
Описание слайда:
HTML+CSS course Module 1. Introduction: Terminology, Syntax, Structure, Coding Practices

Слайд 2


HTML and CSS: Agenda Differences Terms Syntax Structure Linking together
Описание слайда:
HTML and CSS: Agenda Differences Terms Syntax Structure Linking together

Слайд 3


Background – how Internet works
Описание слайда:
Background – how Internet works

Слайд 4


Background – how Internet works
Описание слайда:
Background – how Internet works

Слайд 5


HTML & CSS: first look HTML is a hyper text markup language created to give content structure and meaning.  CSS, or cascading style sheets, is a presentation language created to give content style and appearance. Example: HTML element <p> … </p> is used to display few words on a web page, CSS selects this element to determine its appearance.
Описание слайда:
HTML & CSS: first look HTML is a hyper text markup language created to give content structure and meaning.  CSS, or cascading style sheets, is a presentation language created to give content style and appearance. Example: HTML element <p> … </p> is used to display few words on a web page, CSS selects this element to determine its appearance.

Слайд 6


Your long-term goal http://bl.ocks.org/
Описание слайда:
Your long-term goal http://bl.ocks.org/

Слайд 7


HTML versions & declaration
Описание слайда:
HTML versions & declaration

Слайд 8


HTML Terms: elements Elements: h1, h2, h3, h4, h5, h6, p, a, div, span, strong, em, etc. Tags are decorating elements: <span>some text</span> — content inside opening and closing tags. <br> — the void elements are area, base, br, col, hr, img, input, link, meta, param, etc. Attributes: <a href="http://softserve.ua">Visit us!</a>
Описание слайда:
HTML Terms: elements Elements: h1, h2, h3, h4, h5, h6, p, a, div, span, strong, em, etc. Tags are decorating elements: <span>some text</span> — content inside opening and closing tags. <br> — the void elements are area, base, br, col, hr, img, input, link, meta, param, etc. Attributes: <a href="http://softserve.ua">Visit us!</a>

Слайд 9


General HTML document <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hello World</title> </head> <body> <h1>Hello World</h1> <p>This is a website<br>with <em>br</em> element</p> <a href="http://softserve.ua">Visit us!</a> </body> </html>
Описание слайда:
General HTML document <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hello World</title> </head> <body> <h1>Hello World</h1> <p>This is a website<br>with <em>br</em> element</p> <a href="http://softserve.ua">Visit us!</a> </body> </html>

Слайд 10


HTML+CSS course, слайд №10
Описание слайда:

Слайд 11


CSS Terms, Structure & Syntax Selectors: span { ... } Properties and values: p { color: #ff0; font-size: 16px; }
Описание слайда:
CSS Terms, Structure & Syntax Selectors: span { ... } Properties and values: p { color: #ff0; font-size: 16px; }

Слайд 12


CSS Selectors
Описание слайда:
CSS Selectors

Слайд 13


Comments within HTML & CSS HTML comments wrap the content starting with <!-- and end with -->.  CSS comments wrap the content starting with /* and end with */.
Описание слайда:
Comments within HTML & CSS HTML comments wrap the content starting with <!-- and end with -->.  CSS comments wrap the content starting with /* and end with */.

Слайд 14


Referencing CSS in HTML Inline CSS <p style="color: #f60; font-size: 16px”> Internal CSS <style type="text/css"> p {…} </style> <p> ... </p> External CSS File <link rel="stylesheet" href="file.css">
Описание слайда:
Referencing CSS in HTML Inline CSS <p style="color: #f60; font-size: 16px”> Internal CSS <style type="text/css"> p {…} </style> <p> ... </p> External CSS File <link rel="stylesheet" href="file.css">

Скачать

Теги HTML+CSS course
Похожие презентации
Mypresentation.ru
Загрузить презентацию