Compare Revisions

Introduction to HTML

Change Revisions

Revision 510765:

Revision 510765 by vigonoid on

Revision 512105:

Revision 512105 by jswisher on

Title:
Introduction to HTML
Introduction to HTML
Slug:
Web/Guide/HTML/Introduction
Web/Guide/HTML/Introduction
Tags:
"w3c compliant", Beginners, Example, Featured, Guide, HTML, Important, Standard, Web
"Important", "Guide", "w3c compliant", "Standard", "Beginners", "Featured", "Web", "HTML", "Example"
Content:

Revision 510765
Revision 512105
n8      When you look at a web page in a web browser, you see, at tn8      When you look at a web page in a web browser, you see, at t
>he simplest level, words. These words usually have some style cha>he simplest level, words. These words usually have some style cha
>racteristics, such as different font sizes and colors, fonts. In >racteristics, such as different font sizes and colors, fonts. In 
>many cases a page also displays images or maybe video. Sometimes >many cases a page also displays images or maybe video. Sometimes 
>there is a form where you can enter (or search) for information, >there is a form where you can enter (or search) for information, 
>or customize the display of the page to your liking. Often a page>or customize the display of the page to your liking. Often a page
> contains animated content and content that changes while the res> contains content that moves or changes while the rest of the pag
>t of the page remains the same. Often a page contains animated im>e remains the same.
>ages like movieng here and there, and sometimes a page contains i 
>mages which when hovered changed into different one, So these typ 
>e of clips are used to maintain the users attention and to attrac 
>y the use to stick to it. 
n17      The web browser can also refer to <span style="color: #0000n17      The creator of a web page can use <span style="color: #0000
>ff;">Cascading style sheets(CSS</span>)&nbsp; to define the appea>ff;">Cascading style sheets (CSS</span>)&nbsp; to define the appe
>rances and layouts of texts and other materials. The maintainer o>arance and layout of texts and other materials. Current best prac
>f these encourages the use of CSS over explicit presentational HT>tices in web development encourage the use of CSS rather than exp
>ML>licit presentational HTML.
n26      In the late 1980s, <a href="http://www.w3.org/People/Bernern26      In the late 1980s, <a href="http://www.w3.org/People/Berner
>s-Lee/" title="http://www.w3.org/People/Berners-Lee/">Tim Berners>s-Lee/" title="http://www.w3.org/People/Berners-Lee/">Tim Berners
>-Lee</a> was working as a physicist at <a href="http://public.web>-Lee</a> was working as a physicist at <a href="http://public.web
>.cern.ch/public/" title="http://public.web.cern.ch/public/">CERN<>.cern.ch/public/" title="http://public.web.cern.ch/public/">CERN<
>/a> (the European Organization for Nuclear Research)&nbsp; devise>/a> (the European Organization for Nuclear Research). He&nbsp; de
>d a way for scientists to share documents over the internet. Prio>vised a way for scientists to share documents over the internet. 
>r to his invention, communication via the internet was limited to>Prior to his invention, communication via the internet was limite
> plain text, using technologies such as email, <a href="http://en>d to plain text, using technologies such as email, <a href="http:
>.wikipedia.org/wiki/Ftp" title="http://en.wikipedia.org/wiki/Ftp">//en.wikipedia.org/wiki/Ftp" title="http://en.wikipedia.org/wiki/
>>FTP</a> (File Transfer Protocol) and <a href="http://en.wikipedi>Ftp">FTP</a> (File Transfer Protocol), and <a href="http://en.wik
>a.org/wiki/Usenet" title="http://en.wikipedia.org/wiki/Usenet">Us>ipedia.org/wiki/Usenet" title="http://en.wikipedia.org/wiki/Usene
>enet</a>-based discussion boards. The invention of HTML made use >t">Usenet</a>-based discussion boards. The invention of HTML made
>of a model of content stored on a central server that could be tr> use of a model of content stored on a central server that could 
>ansferred and displayed on a local workstation via a browser. It >be transferred and displayed on a local workstation via a browser
>simplified access to content and enabled the display of "rich" co>. It simplified access to content and enabled the display of "ric
>ntent (such as sophisticated text formatting and the display of i>h" content (such as sophisticated text formatting and the display
>mages).> of images).
n32      HTML is a&nbsp; <strong>hyper text markup language</strong>n32      HTML is a <strong>markup language</strong>. It tells the we
>. It tells the web browser how to display content . HTML separate>b browser what content to display. HTML separates "content" (word
>s "content" (words, images, audio, video, and so on) from "presen>s, images, audio, video, and so on) from "presentation" (the defi
>tation" (the definition of the type of content and the instructio>nition of the type of content and the instructions for how that t
>ns for how that type of content should be displayed). HTML uses a>ype of content should be displayed). HTML uses a pre-defined set 
> pre-defined set of elements to identify content types. Elements >of elements to identify content types. Elements contain one or mo
>contain one or more "tags" that contain or express content. Tags >re "tags" that contain or express content. Tags are surrounded by
>are surrounded by angle brackets, and the "closing" tag (the one > angle brackets, and the "closing" tag (the one that indicates th
>that indicates the end of the content) is prefixed by a forward s>e end of the content) is prefixed by a forward slash.
>lash. 
n39&lt;p&gt;you are in your begining stage of HTML.&lt;/p&gt;n39&lt;p&gt;You are beginning to learn HTML.&lt;/p&gt;
n52      Elements that contain contents can usually also contain othn52      Elements that contain content can usually also contain othe
>er elements. For example, the emphasis element ("&lt;em&gt;") can>r elements. For example, the emphasis element ("&lt;em&gt;") can 
> be embedded within a paragraph element which&nbsp; can be used t>be embedded within a paragraph element, to add emphasis to a word
>o add emphasis to a word or phrase:> or phrase:
n56&lt;p&gt;you are in your&lt;em&gt; begining &lt;/em&gt; stage of n56&lt;p&gt;You are &lt;em&gt;beginning &lt;/em&gt; to learn HTML.&l
>HTML&lt;/p&gt;>t;/p&gt;
n72      Often a forward slash is placed before the final angle bracn72      Often a forward slash is placed before the final angle brac
>ket to indicate the end of the tag. This is optional in HTML but >ket to indicate the end of the tag. This is optional in HTML but 
>is compulsory&nbsp; in <a href="/en-US/docs/XHTML" title="XHTML">>is required&nbsp; in <a href="/en-US/docs/XHTML" title="XHTML">XH
>XHTML</a> (which is an XML schema that implements HTML elements).>TML</a> (which is an XML schema that implements HTML elements).
t103      HTML documents are written in plain text. They can be writtt103      HTML documents are written in plain text. They can be writt
>en in any text editor that allows content to be saved as plain te>en in any text editor that allows content to be saved as plain te
>xt such as Notepad, Notepad++, Sublime (although most HTML author>xt, such as Notepad, Notepad++, or Sublime,&nbsp; but most HTML a
>s prefer to use a specialized editor that highlights syntax and s>uthors prefer to use a specialized editor that highlights syntax 
>hows the DOM). Tag names may be written in either upper or lower >and shows the DOM. Tag names may be written in either upper or lo
>case. However, the <a href="http://www.w3.org/" title="http://www>wer case. However, the <a href="http://www.w3.org/" title="http:/
>.w3.org/">W3C</a> (the global consortium that maintains the HTML >/www.w3.org/">W3C</a> (the global consortium that maintains the H
>standard) recommends using lower case (and <a href="/en-US/docs/X>TML standard) recommends using lower case (and <a href="/en-US/do
>HTML" title="XHTML">XHTML</a> requires lower case).>cs/XHTML" title="XHTML">XHTML</a> requires lower case).

Back to History