2014 Yedrissov Nariman Lesson 2 HTML 5 CSS

2014 Yedrissov Nariman Lesson 2 HTML 5, CSS, HTTP error codes, some tags

HTML 5 Semantic Elements A semantic element clearly describes its meaning to both the

HTML 5: Audio & Video tags Before HTML 5, there was no standard for

CSS (Cascading Style Sheets) • Styles define HOW to display HTML elements, while HTML

• A CSS rule set consists of a selector and a declaration block:

id and class The id selector uses the id attribute of an HTML tag

p. center { text-align: center; color: red; }

Grouping Selectors To minimize the code, you can group selectors. h 1, h 2,

Jill Smith 50 Eve Jackson 94" src="https://present5.com/presentation/-77347704_329811654/image-13.jpg" alt="HTML Tables " />

Visit cool HTML tutorial here " src="https://present5.com/presentation/-77347704_329811654/image-15.jpg" alt="HTML Links Visit cool HTML tutorial here " />

HTML Form • HTML forms are used to pass data to a server. •

Block Elements The HTML <div> element is a block level element that can be

Скачать презентацию 2014 Yedrissov Nariman Lesson 2 HTML 5 CSS

lesson2web.pptx

Количество слайдов: 17

2014 Yedrissov Nariman Lesson 2 HTML 5, CSS, HTTP error codes, some tags

HTML 5 Semantic Elements A semantic element clearly describes its meaning to both the browser and the developer. Examples of non-semantic elements:

and - Tells nothing about its content. Examples of semantic elements: ,

Jill	Smith	50
Eve	Jackson	94

, and - Clearly defines its content.

HTML 5: Audio & Video tags Before HTML 5, there was no standard for showing videos on a web page. Before HTML 5, videos & audios could only be played with a plug-in (like flash). The HTML 5

CSS (Cascading Style Sheets) • Styles define HOW to display HTML elements, while HTML describes WHAT to display. • We can embed our CSS to HTML by several ways.

• A CSS rule set consists of a selector and a declaration block: • The selector points to the HTML element you want to style. • The declaration block contains one or more declarations separated by semicolons. • Each declaration includes a property name and a value, separated by a colon.

id and class The id selector uses the id attribute of an HTML tag to find the specific element. An id should be unique within a page, so you should use the id selector when you want to find a single, unique element. #en { text-align: center; color: red; } /*comment*/ The class selector finds elements with the specific class. The class selector uses the HTML class attribute. . center { text-align: center; color: red; }

p. center { text-align: center; color: red; }

Grouping Selectors To minimize the code, you can group selectors. h 1, h 2, p { text-align: center; color: red; }

CSS fonts

HTTP Error codes

HTML Tables <table style=

" src="https://present5.com/presentation/-77347704_329811654/image-13.jpg" alt="HTML Tables

Jill	Smith	50
Eve	Jackson	94

" /> HTML Tables

Jill	Smith	50
Eve	Jackson	94

Jill	Smith	50
Eve	Jackson	94

Mountain View HTML Images Spectacular Mountains

HTML Links <a href= Visit cool HTML tutorial here " src="https://present5.com/presentation/-77347704_329811654/image-15.jpg" alt="HTML Links Visit cool HTML tutorial here " /> HTML Links Visit cool HTML tutorial here

HTML Form • HTML forms are used to pass data to a server. • An HTML form can contain input elements like text fields, checkboxes, radio-buttons, submit buttons and more. A form can also contain select lists, textarea, fieldset, legend, and label elements. First name: Last name:

Block Elements The HTML <div> element is a block level element that can be Block Elements The HTML

element is a block level element that can be used as a container for other HTML elements. The

element has no special meaning. It has no required attributes, but style and class are common.

London

London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.

The HTML element is an inline element that can be used as a container for text. The element has no special meaning. It has no required attributes, but style and class are common. Unlike

, which is formatted with line breaks, the element does not have any automatic formatting. My ImportantHeading