Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/denysdovhan/learnyouhtml
Learn you how to create your first web page
https://github.com/denysdovhan/learnyouhtml
exercises how-to html learn-to-code learning markup nodeschool workshopper workshopper-adventure
Last synced: 4 days ago
JSON representation
Learn you how to create your first web page
- Host: GitHub
- URL: https://github.com/denysdovhan/learnyouhtml
- Owner: denysdovhan
- License: mit
- Created: 2017-03-01T16:24:12.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2023-06-06T17:59:24.000Z (over 1 year ago)
- Last Synced: 2024-12-17T10:45:36.066Z (about 1 month ago)
- Topics: exercises, how-to, html, learn-to-code, learning, markup, nodeschool, workshopper, workshopper-adventure
- Language: HTML
- Homepage:
- Size: 311 KB
- Stars: 442
- Watchers: 12
- Forks: 228
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# learnyouhtml
[![NPM version][npm-image]][npm-url]
[![node][node-image]][node-url]
[![Build Status][buildstat-image]][buildstat-url]
[![Dependency Status][depstat-image]][depstat-url]
> Learn you how to create your first web-page.
**Hypertext Markup Language (HTML)** is the standard markup language for creating web pages and web applications. This workshopper will guide you through the simple exercises which explain the core principles of HTML.
## Exercises
This workshopper has 11 exercises that cover the most important aspects of HTML.
* **HELLO WORLD** — introduction to HTML.
* **TAGS** — understanding tags.
* **ATTRIBUTES** — what is tag's attributes.
* **INLINE TAGS** — tags for styling text.
* **HEADINGS** — tags for headings.
* **LISTS** — how to create a list with HTML tags.
* **TABLES** — how to compose data in table.
* **BLOCKS** — block tags and semantic.
* **LINKS AND REFERENCES** — how to leave a references to another page.
* **FORMS** — creating of forms with control elements.
* **STYLES AND SCRIPTS** — injecting styles and scripts on a page.
## Requirements
* [**Node.js**](node-url) >=6.0.0
## Installation
Open your terminal and run this command:
```
npm install -g learnyouhtml
```
Use `sudo` if you get an `EACCESS` error.
## Usage
Open your terminal and run the following command:
```
learnyouhtml
```
## License
MIT © [Denys Dovhan](http://denysdovhan.com)
[html]: https://en.wikipedia.org/wiki/HTML
[npm-url]: https://npmjs.org/package/learnyouhtml
[npm-image]: https://img.shields.io/npm/v/learnyouhtml.svg?style=flat-square
[node-url]: https://nodejs.org/en/download/
[node-image]: https://img.shields.io/node/v/learnyouhtml.svg?style=flat-square
[depstat-url]: https://david-dm.org/denysdovhan/learnyouhtml
[depstat-image]: https://david-dm.org/denysdovhan/learnyouhtml.svg?style=flat-square
[buildstat-url]: https://travis-ci.org/denysdovhan/learnyouhtml
[buildstat-image]: https://img.shields.io/travis/denysdovhan/learnyouhtml.svg?style=flat-square