Разделы презентаций


Introduction to the HTML

HTML Source DocumentWhen you connect to a web page by entering its URL into the browserBrowser instructs your computer to send a message out over the Internet to the computer specified

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

Слайд 1Computation and Problem Solving
Introduction to the HTML

Korzhumbayev Azamat

Computation and Problem SolvingIntroduction to the HTMLKorzhumbayev Azamat

Слайд 2HTML Source Document
When you connect to a web page by

entering its URL into the browser
Browser instructs your computer to

send a message out over the Internet to the computer specified by that URL requests that it sends back a certain document (HTML source doc)
HTML source doc describes the content and layout of the web page
After your computer receives the html, your browser interprets the html and displays the resulting web page (text/graphics/links etc)
HTML Source DocumentWhen you connect to a web page by entering its URL into the browserBrowser instructs

Слайд 3HTML Source Document
HTML source document
A text-only document
Consists of (1) actual

text, and (2) tags
A tag is an html code that

is enclosed in angel brackets <>; used to lay out the web page.
XHTML is a simple, more standardized version of HTML
XHTML/HTML can be created using a simple text editor like notepad
File extension must be .html or .htm
HTML Source DocumentHTML source documentA text-only documentConsists of (1) actual text, and (2) tagsA tag is an

Слайд 4Sample HTML
HTML Source
Firefox display of the html source

Sample HTMLHTML SourceFirefox display of the html source

Слайд 5HTML, XML, XHTML
XML (eXtensible Markup Language):
is a set of

rules that lets web designers classify their data in a

way customized to their needs.
Extendable by creating new types of tags.
XHTML (eXtensible HyperText Markup Language):
A new version of HTML based on XML
Inherits strict syntax rules of XML
HTML, XML, XHTMLXML (eXtensible Markup Language): is a set of rules that lets web designers classify their

Слайд 6HTML vs. XHTML
Some comparisons of HTML vs. XHTML

HTML vs. XHTMLSome comparisons of HTML vs. XHTML

Слайд 7Composition of a HTML Document
An HTML document consists of four

main parts:
the DOCTYPE
the Html
the Head
the Body

Composition of a HTML DocumentAn HTML document consists of four main parts:the DOCTYPE the Htmlthe Head the

Слайд 8Composition of a HTML Document




...







Composition of a HTML Document    	...    ……

Слайд 9Creating HTML

Creating HTML

Слайд 10HTML Tags/Elements
Tags are also called elements
An attribute is a special

code that can enhance or modify a tag. They are

generally located in the starting tag after the tag name.
Basic syntax for html tags and attr.
  
All tags must be lower case and values of attributes need to be surrounded by quotes
HTML Tags/ElementsTags are also called elementsAn attribute is a special code that can enhance or modify a

Слайд 11HTML Tags/Elements
Example
This is bold text…

aligned to the center…

HTML Tags/ElementsExampleThis is bold text…

Слайд 12 tag
tag
is used to specify keywords that describe a

document’s contents as well as a short description.
Two necessary attributes

– "name" & "content"


tag tagis used to specify keywords that describe a document’s contents as well as a short

Слайд 13 paragraph tag
tag
The paragraph tag. Used so separate text

within a web page.
Container type
Will provide line breaks
Optional attribute

: align (not supported in HTML5)


paragraph tag tagThe paragraph tag. Used so separate text within a web page. Container typeWill provide

Слайд 14
tag

tag
Is used for line break
Example
Contact
6150

Sennott Square
University of Pittsburgh
Pittsburgh, PA 15260

tag tagIs used for line breakExample   Contact 6150 Sennott Square University of Pittsburgh Pittsburgh,

Слайд 15Headings
to
Define headers. defines the largest header.

defines the smallest header.
Example
This is header 1 This

is header 2

This is header 3

This is header 4

This is header 5
This is header 6

Headings to Define headers. defines the largest header. defines the smallest header. Example  This is header

Слайд 16 & tags
tag
Renders text as emphasized text
tag
Renders

text as strong emphasized text
Example (with smth. missing)

Emphasized text
Strong text

& tags tagRenders text as emphasized text tagRenders text as strong emphasized text Example (with smth.

Слайд 17Commenting Source Code
Comments are enclosed in
Example

will not be displayed--> This is a regular paragraph

What are

the reasons for using comments?

Commenting Source CodeComments are enclosed in Example	 This is a regular paragraph What are the reasons for

Слайд 18 and tags
tag defines the start of a

long quotation. here is a long quotation

here is …
tag defines the start of a long quotation.

here is a short quotation that helps you



and tags tag defines the start of a long quotation.   here is a long

Обратная связь

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое TheSlide.ru?

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.


Для правообладателей

Яндекс.Метрика