Skip to content

asd #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
4thex wants to merge 9 commits into
base: master
Choose a base branch
from
Open

asd #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
1e7311f
Update HTML5.md
4thex Oct 13, 2014
1b0cb32
Create description.md
4thex Oct 14, 2014
0194a93
Update description.md
4thex Oct 14, 2014
63035a1
Update description.md
4thex Oct 14, 2014
34c045c
Update description.md
4thex Oct 14, 2014
e9bd775
Update description.md
4thex Oct 14, 2014
7fce198
Update description.md
4thex Oct 14, 2014
7446466
Update description.md
4thex Oct 14, 2014
584ba3c
Update description.md
4thex Oct 15, 2014
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion HTML5.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ HTML5 is what makes up web pages, and since a Chrome application consists of web
Let's look at XML syntax first.

An XML document is a file, that contains structured information. The structure is defined by using the following characters that have special meaning in XML:
```XML
```
< > / " = & # ;
```
###Elements
Expand Down
58 changes: 58 additions & 0 deletions course/html5/description.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
---
layout: page
title: HTML5
---
##What is it?
HTML5 is an abbreviation that stands for <b>H</b>yper <b>T</b>ext <b>M</b>arkup <b>L</b>anguage version <b>5</b>.

It is an extension to XML; e<b>X</b>tensible <b>M</b>arkup <b>L</b>anguage.

##Why should I care?
HTML5 is what makes up web pages, and since a Chrome application consists of web pages, we need to know how to create HTML5 content.

Let's look at XML syntax first.

An XML document is a file, that contains structured information. The structure is defined by using the following characters that have special meaning in XML:

< > / " = & # ;

###Elements
The `<` and `>` characters are used to define *elements*.

An element can either have content, or be empty.

An empty element must start with `<` and end with `/>`. In between is the name of the element and maybe some *attributes*, we'll get back to those.

```ruby
require 'redcarpet'
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html
```

<html />

The word `html` is the name of the element. An element in XML can have any name.

An element with content must first have a *start-tag* that starts with `<` and ends with `>`, then comes the content, which can be text, or other elements, and then at the end comes the *end-tag*, which starts with `</` and ends with `>`.

<html>
Some content
</html>

An element can have any number of *child-elements*, which can again have child-elements to any level of nexting you want.
<html>
<head>
<title>My first web page</title>
</head>
<body>
<p>Here is a paragraph</p>
</body>
</html>

It is customary to indent child-elements, but it is not neccessary. It just makes it more *pretty*, and easier to read.

Something like this is perfectly legal XML syntax:

<html><body><p>Here is a paragraph</p></body></html>

##Where can I find more information?