Hyper-Text Markup Language (HTML)
Phillip Lance Mijares
Instructor
HTML
• A computer language devised to allow website creation.
• published in 1995 as HTML 2.0.
• HTML 4.01 was published in late 1999 and was a major
version of HTML.
• HTML is a very evolving markup language and has evolved
with various versions updating.
How it works?
• HTML consists of a series of short codes typed into a text-file
by the site author these are the tags.
• Using a browser reads the file and translates the text into a
visible form
Questions?
1. What is HTML?
2. What is Hypertext?
3. What is tag(s)?
Terminologies
1. Hyper-Text is the method by which you move around on the
web by clicking on special text called hyperlinks which bring
you to the next page.
2. Markup is what HTML tags do to the text inside them.
3. HTML is a Language, as it has code-words and syntax like
any other language.
Important Terms and
Concepts
1. What are the tags up to?
• The tags are what separate normal text from HTML code.
• It allows all the cool stuff like images and tables and stuff, just by telling
your browser what to render on the page
2. What can we do on the Web?
• Browse/Surf Web pages of people and organizations around
the world in full text and graphics.
Important Terms and
Concepts
1. HTML TAGS
HTML tags are keywords (tag names) surrounded by angle brackets.
HTML documents are described by HTML tags
<!DOCTYPE> Defines the document type
<html> Defines an HTML document
<title> Defines a title for the document
<body> Defines the document's body
<h1> to <h6> Defines HTML headings
The first tag in a pair is the start tag, the second tag is the end tag
The end tag is written like the start tag, but with a slash before the tag
name
Important Terms and
Concepts
1. Web browsers in HTML
• The purpose of web browser is to read and display the HTML documents
2. How to save HTML file?
• The file extension in saving HTML file is .HTML.
3. The <!DOCTYPE> declaration
• The <!DOCTYPE> declaration helps the browser to display a web page
correctly.
• There are different document types on the web.
• To display a document correctly, the browser must know both type and
version.
• The doctype declaration is not case sensitive All cases are acceptable
TO SUM UP
1. Since making websites became more popular and needs
increased many other supporting languages have been
created to allow new stuff to happen.
2. (CSS) Cascading Style Sheet(s) are used to control how your
pages are presented, and make pages more accessible.
3. Most of this advanced stuff is for later down the road, but
when using all of these technologies together, you have a
lot of power at your disposal.

Module-1-1 Hypertext markup Language .pptx

  • 1.
    Hyper-Text Markup Language(HTML) Phillip Lance Mijares Instructor
  • 2.
    HTML • A computerlanguage devised to allow website creation. • published in 1995 as HTML 2.0. • HTML 4.01 was published in late 1999 and was a major version of HTML. • HTML is a very evolving markup language and has evolved with various versions updating.
  • 3.
    How it works? •HTML consists of a series of short codes typed into a text-file by the site author these are the tags. • Using a browser reads the file and translates the text into a visible form
  • 4.
    Questions? 1. What isHTML? 2. What is Hypertext? 3. What is tag(s)?
  • 5.
    Terminologies 1. Hyper-Text isthe method by which you move around on the web by clicking on special text called hyperlinks which bring you to the next page. 2. Markup is what HTML tags do to the text inside them. 3. HTML is a Language, as it has code-words and syntax like any other language.
  • 6.
    Important Terms and Concepts 1.What are the tags up to? • The tags are what separate normal text from HTML code. • It allows all the cool stuff like images and tables and stuff, just by telling your browser what to render on the page 2. What can we do on the Web? • Browse/Surf Web pages of people and organizations around the world in full text and graphics.
  • 7.
    Important Terms and Concepts 1.HTML TAGS HTML tags are keywords (tag names) surrounded by angle brackets. HTML documents are described by HTML tags <!DOCTYPE> Defines the document type <html> Defines an HTML document <title> Defines a title for the document <body> Defines the document's body <h1> to <h6> Defines HTML headings The first tag in a pair is the start tag, the second tag is the end tag The end tag is written like the start tag, but with a slash before the tag name
  • 8.
    Important Terms and Concepts 1.Web browsers in HTML • The purpose of web browser is to read and display the HTML documents 2. How to save HTML file? • The file extension in saving HTML file is .HTML. 3. The <!DOCTYPE> declaration • The <!DOCTYPE> declaration helps the browser to display a web page correctly. • There are different document types on the web. • To display a document correctly, the browser must know both type and version. • The doctype declaration is not case sensitive All cases are acceptable
  • 9.
    TO SUM UP 1.Since making websites became more popular and needs increased many other supporting languages have been created to allow new stuff to happen. 2. (CSS) Cascading Style Sheet(s) are used to control how your pages are presented, and make pages more accessible. 3. Most of this advanced stuff is for later down the road, but when using all of these technologies together, you have a lot of power at your disposal.

Editor's Notes

  • #2 These websites can then be viewed by anyone else connected to the Internet. It is relatively easy to learn, with the basics being accessible to most people in one sitting; and quite powerful in what it allows you to create. It is constantly undergoing revision and evolution to meet the demands and requirements of the growing Internet audience under the direction of the W3C, the organization charged with designing and maintaining the language.
  • #3 The text is then saved as a html file, and viewed through a browser, like Internet Explorer or Netscape Navigator. Writing your own HTML entails using tags correctly to create your vision. Hopefully rendering the page as the author had intended. Writing your own HTML entails using tags correctly to create your vision. You can use anything from a rudimentary text-editor to a powerful graphical editor to create HTML pages.
  • #5 The fact that it is hyper just means it is not linear — i.e. you can go to any place on the Internet whenever you want by clicking on links there is no set order to do things in. They mark it as a certain type of text (italicized text, for example). It is a markup language for describing web documents (web pages). A standardized system for tagging text files to achieve font, color, graphic, and hyperlink effects on World Wide Web pages. With HTML you can create your own Web Page It is the set of markup symbols or codes inserted in a file intended for display on a World Wide Web browser page
  • #6 You might know them as the words between the angel and brackets. Different tags will perform different functions. The tags themselves don’t appear when you view your page through a browser, but their effects do.
  • #9 Plus HTML is modified every few years to make way for improvements. Basic special effects and interaction is provided by JavaScript, which adds a lot of power to basic HTML. Why not get a quick view of times gone by with The History of HTML? If you think you’re ready to start coding, head over to the My First Site section and begin creating!