Блог

Делимся с Вами своими знаниями и новостями

18.05.2013

HTML5 – урок 1

Всем привет. Добро пожаловать на первый урок по HTML5. В своих статьях я буду постоянно затрагивать тему нового языка разметки и вместе с Вами создавать поистине великолепные шедевры сайтов. Сразу забегу вперед. Мы действительно! будем создавать отличный игровой портал, благодаря новейшим технологиям. И поэтому нашей основной задачей на сегодня будет понять, что же такое HTML5, что он из себя представляет.

HTML5 – что это?

HTML5 – это новый язык разметки. Но не стоит пугаться и думать, что Ваши знания по предыдущей версии html пропадут зря. На самом деле новая разметка воплотила все преимущества предыдущей версии html и добавила много всего вкусного.

Многие искренне считают, что HTML5 – это некий новый язык программирования. На самом деле это не так. Я считаю, что html5 – это совокупность различных самых современных элементов, благодаря которым, мы и получаем такие великолепные страницы.

HTML5 – это совокупность CSS3 (языка представления страницы), разметки (усовершенственный код html) и JavaScript (взаимодествие, интерактивность). Имея такой богатый арсенал мы можем с уверенностью сказать, что HTML5 это поистине новый рывок в создании не только веб-страниц, но и целых веб-приложений.

Естественно, подходить к созданию интерактивных страниц необходимо, имея, хотя бы базовые знания в области программирования на JavaScript и знанием html и css. Без этого никак.

А в сегодняшем начальном уроке, я бы хотел обратить Ваше внимание на создании простой, но в то же время очень важной начальной страницы на HTML5. Следуя этим простым принципам, которые я укажу в коде, Вы поймете, что html5 стал более гибок и понятлив. Итак, начнем с кода.

<!doctype html> <!-- Обратите внимание на новое определение документов. Теперь не нужно запоминать и сохранять код. Вы его сами запомните. Посмотрите, как выглядит Ваш код. -->
<html>
<head>
	<meta charset="utf-8"> <!-- Вот и все meta для Вашего документа. Короткость, сестра таланта -->
	<title>Моя первая страница</title>
	<link rel="stylesheet" href="index.css">
	<script src="index.js"></script> 
	<!-- Подключение стилей и javascript стало проще некуда -->
	<style>
/*Стиле прописываем теперь любые. Удобно, неправда ли?*/
body {
	font-size: 30px;
	color: red;
}
	</style>
</head>
<body>
	Привет
	<p id="first"></p>
	<script>
	var my_first=document.getElementById('first');
	my_first.innerHTML="Это моя первая запись";
// Здесь Вы можете писать любую функцию. HTML5 видит css и javascript. Ему теперь не нужно указывать, что перед ним. Очень удобно.
	</script>
</body>
</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

<!doctype html>

<html>

<head>

<title>Моя первая страница</title>

<style>

/*Стиле прописываем теперь любые. Удобно, неправда ли?*/

body {

font-size: 30px;

color: red;

}

</style>

</head>

<body>

Привет

var my_first=document.getElementById('first');

my_first.innerHTML="Это моя первая запись";

// Здесь Вы можете писать любую функцию. HTML5 видит css и javascript. Ему теперь не нужно указывать, что перед ним. Очень удобно.

</script>

</body>

</html>

Из выше преведенного кода видно, что написать страницу с кодом на HTML5, проще некуда. Но как быть со старым кодом? И как новый HTML5 работает в браузерах. Отвечаю! Новый стандарт отлично справляется с пониманием старых кодов и полностью совместим с предыдущими версиями, поэтому не бойтесь использовать HTML5 в своем программировании. Что же касается браузеров. То все они движутся и развиваются. А новый стандарт разметки все более и более популярен. Поэтому его изучение очень и очень перспективно.

Но, не смотря на это, мы должны учитывать в нашем коде плавное изменение нашего кода, если HTML5 не поддерживается пользователем. Но об этом мы еще поговорим. До следующей записи.

Свяжитесь с нами уже сейчас

+7 (906) 272-38-19
Tel./ WhatsApp/ Viber
info@cruelten.ru
Cruelten
Cruelten

Последнее в блоге

HTML5 – урок 1

HTML5 – что это?

Комментарии:

Рубрики

Мы на Facebook

Творческая студия #Cruelten

Свяжитесь с нами уже сейчас