🗊Презентация Introduction to the HTML

Категория: Образование
Нажмите для полного просмотра!
Introduction to the HTML, слайд №1Introduction to the HTML, слайд №2Introduction to the HTML, слайд №3Introduction to the HTML, слайд №4Introduction to the HTML, слайд №5Introduction to the HTML, слайд №6Introduction to the HTML, слайд №7Introduction to the HTML, слайд №8Introduction to the HTML, слайд №9Introduction to the HTML, слайд №10Introduction to the HTML, слайд №11Introduction to the HTML, слайд №12Introduction to the HTML, слайд №13Introduction to the HTML, слайд №14Introduction to the HTML, слайд №15Introduction to the HTML, слайд №16Introduction to the HTML, слайд №17Introduction to the HTML, слайд №18

Вы можете ознакомиться и скачать презентацию на тему Introduction to the HTML. Доклад-сообщение содержит 18 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

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


Слайд 1





Computation and Problem Solving
Introduction to the HTML
Korzhumbayev Azamat
Описание слайда:
Computation and Problem Solving Introduction to the HTML Korzhumbayev Azamat

Слайд 2





HTML 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 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)

Слайд 3





HTML 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 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

Слайд 4





Sample HTML
Описание слайда:
Sample HTML

Слайд 5





HTML, 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, 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

Слайд 6





HTML vs. XHTML
Some comparisons of HTML vs. XHTML
Описание слайда:
HTML vs. XHTML Some comparisons of HTML vs. XHTML

Слайд 7





Composition of a HTML Document
An HTML document consists of four main parts:
the DOCTYPE 
the Html
the Head 
the Body
Описание слайда:
Composition of a HTML Document An HTML document consists of four main parts: the DOCTYPE the Html the Head the Body

Слайд 8





Composition of a HTML Document
Описание слайда:
Composition of a HTML Document

Слайд 9





Creating HTML
Описание слайда:
Creating HTML

Слайд 10





HTML 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.
<tag attribute="value">   </tag> 
All tags must be lower case and values of attributes need to be surrounded by quotes
Описание слайда:
HTML 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. <tag attribute="value">   </tag> All tags must be lower case and values of attributes need to be surrounded by quotes

Слайд 11





HTML Tags/Elements
Example
<strong>This is bold text…</strong>
<p style =“text-align:center">This text will appear aligned to the center…</p>
Описание слайда:
HTML Tags/Elements Example <strong>This is bold text…</strong> <p style =“text-align:center">This text will appear aligned to the center…</p>

Слайд 12





<meta> tag
<meta> tag
is used to specify keywords that describe a document’s contents as well as a short description.
Two necessary attributes – "name" & "content"
<meta name="keywords" content="baseball, soccer, tennis"/>
<meta name="description" content="Sports information page"/>
Описание слайда:
<meta> tag <meta> tag is used to specify keywords that describe a document’s contents as well as a short description. Two necessary attributes – "name" & "content" <meta name="keywords" content="baseball, soccer, tennis"/> <meta name="description" content="Sports information page"/>

Слайд 13





<p> paragraph tag
<p> 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)
<p align="center">
Описание слайда:
<p> paragraph tag <p> 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) <p align="center">

Слайд 14





<br/> tag
<br/> tag
Is used for line break
Example
   <p>
Contact<br />
6150 Sennott Square<br />
University of Pittsburgh<br />
Pittsburgh, PA 15260
</p>
Описание слайда:
<br/> tag <br/> tag Is used for line break Example <p> Contact<br /> 6150 Sennott Square<br /> University of Pittsburgh<br /> Pittsburgh, PA 15260 </p>

Слайд 15





Headings
<h1> to <h6>
Define headers. <h1> defines the largest header. <h6> defines the smallest header. 
Example
   <h1>This is header 1</h1>
<h2>This is header 2</h2>
<h3>This is header 3</h3>
<h4>This is header 4</h4>
<h5>This is header 5</h5>
<h6>This is header 6</h6>
Описание слайда:
Headings <h1> to <h6> Define headers. <h1> defines the largest header. <h6> defines the smallest header. Example <h1>This is header 1</h1> <h2>This is header 2</h2> <h3>This is header 3</h3> <h4>This is header 4</h4> <h5>This is header 5</h5> <h6>This is header 6</h6>

Слайд 16





<em> & <strong> tags
<em> tag
Renders text as emphasized text
<strong> tag
Renders text as strong emphasized text 
Example (with smth. missing)
   <em>Emphasized text</em><br />
<strong>Strong text</strong><br />
Описание слайда:
<em> & <strong> tags <em> tag Renders text as emphasized text <strong> tag Renders text as strong emphasized text Example (with smth. missing) <em>Emphasized text</em><br /> <strong>Strong text</strong><br />

Слайд 17





Commenting Source Code
Comments are enclosed in <!-- and -->
Example
	<!--This comment will not be displayed-->
<p>This is a regular paragraph</p> 
What are the reasons for using comments?
Описание слайда:
Commenting Source Code Comments are enclosed in <!-- and --> Example <!--This comment will not be displayed--> <p>This is a regular paragraph</p> What are the reasons for using comments?

Слайд 18





<blockquote> and <q> tags
<blockquote> tag defines the start of a long quotation. 
<blockquote cite= “http://www.forbes.kz/dollar.htm”> here is a long quotation here is … 
</blockquote>
<q> tag defines the start of a long quotation. 
<p><q cite=“if any”> here is a short quotation</q> that helps you </p>
Описание слайда:
<blockquote> and <q> tags <blockquote> tag defines the start of a long quotation. <blockquote cite= “http://www.forbes.kz/dollar.htm”> here is a long quotation here is … </blockquote> <q> tag defines the start of a long quotation. <p><q cite=“if any”> here is a short quotation</q> that helps you </p>



Теги Introduction to the HTML
Похожие презентации
Mypresentation.ru
Загрузить презентацию