- Hypertext Markup Language(HTML) was developed by Tim Berners-Lee using Standard Generalized Markup Language(SGML).
SGML is only a standard format for describing the structure of a document and not a document language itself.
The purpose of HTML is to give directions to tell the browser and other user agents how to display and manage a web document;
directions which are called tags and display graphics, formats text, and references hyperlinks.
HTML has some features such as paragraphs, headings, lists, graphics, audio, and video.
The newest version, HTML 5, will also allow users to edit and native video, and is intended to be backward compatible.
- There is no special software needed in order to create a web page; all that we need is a text editor.
Text editors that can be used to create a web page are Notepad and Notepad++ for Windows, TextEdit and TextWrangler for Macs,
and commercial web-authoring tools such as Adobe Dreamweaver.
The web pages that are created need to be testes in the most popular browsers which are Internet Explorer, Mozilla Firefox, Apple Safari, and Google Chrome.
- The purpose of the head section is to provide information that describes the web page document.
It includes the title of the web page(the text between these brackets will appear in the title bar of the browser window), meta tags that describe the document, and references to scripts and styles.
The purpose of the body section is to configure the contents of the web page; it contains the actual text, tags, images, and other objects that are displayed as a web page.
So when you visit the page, you will only see what is part of the body.
- Headings are organized into six different levels, from h1 through h6.
These headings are basically like titles; it is a block of text that is displayed with empty space above and below it.
The size of the text decreases as the heading tag numbers increases.
The size of the text is larger for h1, with h6 being the smaller text size.
Heading text is always bold.
It is important not to confuse the Heading tags with the Head section, since the Heading tag goes in the Body section.
- HTML can create three types of lists: description, ordered, and unordered lists.
The ordered list displays a numbering or lettering system to itemize the information that is contained in the list.
Ordered lists can be organized using different symbols such as numbers, uppercase letters, lowercase letters, and uppercase and lowercase Roman numbers.
Ordered lists also begin with an ol tag and end with an /ol tag.
Each item on the list begins with a li tag and ends with a /li tag.
On the other hand, an unordered list displays a bullet or list marker before each entry of the list instead of numbers or letters.
A difference between an ordered list and an unordered list is that the unordered list begins with an ul tag and ends with an /ul tag, instead of ol and /ol.
But the items of both lists begin with a li and end with a /li.
- The purpose of the Blockquote element is to show or display a block of text in a special way; meaning that it is indented from both the left and right margins.
The blockquote could be really useful when you want to write a sub paragraph of a paragraph or just display a quote.
- The purpose of the special characters is to allow the web page to show special symbols such as quotation marks, ampersand, vertical bars, the copyright symbol, and many others.
Special characters are also called entity characters.
You use the special character, and the character itself will be shown in your web page.
- An absolute link is used when you need to link to resources on other websites.
Absolute links indicate the absolute location of a resource on the Web.
The http protocol is used in the href value.
The href value includes the http protocol and the domain name.
- On the other hand, relative links are used when you need to link to web pages within your site.
The href value does not use the http protocol and does not include the domain name;
it only contains the file name or file name and folder of the web page you want to display.
- Go to HTML5 Tutorial
- According to the introduction given by the creator of the tutorial, it is geared toward the beginner level.
But I feel like there is a lot of information for just a beginner; so I think it could be for both beginners and intermediates as well,
specially because the tutorial is still under construction.
- I would definitely recommend the site to others.
I think it was a really good tutorial and could be really helpful.
It was really interesting for me to learn some of the many things that I can do with the HTML language when creating a web page.
- There are many concepts that I learned from this tutorial.
But the ones that I liked the most were the Images, Tables, Form Element, and the difference between a bold text with b and a bold text with strong.
I feel like this tutorial was really helpful and interesting at the same time.