Создать игру, создание игр, конструктора игр, игровые движки, разработка игр, сделать игру
Приветствую Вас Гость · Вход · Регистрация  ·  Новые сообщения · Участники · Правила · Поиск · RSS
Страница 1 из 11
Форум разработчиков игр » Для Веб-мастера » Вопросы и ответы » HTML - пишем первую страницу
HTML - пишем первую страницу
DraggonFantasy Дата: Суббота, 19.02.2011, 17:21 | Сообщение # 1
Просмотр профиля: DraggonFantasy

Сообщений: [1514]
Здравствуйте, уважаемые пользователи этого замечатлельного сайта!
Сегодня я вам расскажу как в HTML писать текст и вставлять картинки, начнем урок! wink smile
Текст
Для верски я очень рекомендую программу: PSPad, она очень удобна и сразу говорит ошибки, она пригодится как для верстальщиков так и для прогеров. smile wink
Создадим текстовой документ и откроем любым редактором (блокнотом, давайте - проще всего smile ). Теперь пишем эти строчки:
Code
<html>
<head>
<title>HTML страница! Моя первая!!!</title>
<body>
Привет. Это моя первая страница
</body>
<html>

Давайте рассмотрим:
Что вы заметили? Правильно - кучу таких < > скобок, а между ними слова. Это - HTML теги.
А вон текст на русском, да еще и без тегов! Этот текст просто выведется на экран. smile
Давайте теперь напишем этот текст жирным шрифтом! Но как?
Давайте посмотрим:
Code
<html>
<head>
<title>HTML страница! Моя первая!!!</title>
<body>
<b>Привет. Это моя первая страница</b>
</body>
<html>

Что-то изменилось? Да, верно появились теги между нашим текстом. Этот тег <b> пишет текст жирным шрифтом, правда он устарел. Кстати, забыл сказать, что теги должны закрываться такими же тегами, но со "слешем" (или как там его smile ), но не все правда, но об исключениях позже. Например, тег <b> закрывается таким: </b>, тег <title> таким: </title> и т.д..
Сохраним нашу страницу в формате .htm и откроем браузером.
Теперь мы можем написать тексты на нашей странице. smile
Но это все равно не то... Нужны картинки...
Картинки!
С текстом разобрались, теперь к картинкам приступим! smile
Работать будем с той же страницей что и в пред. уроке.
Code
<html>
<head>
<title>HTML страница! Моя первая!!!</title>
<body>
<b>Привет. Это моя первая страница</b>
<img src="http://dv-gazeta.info/users_data/pics/1/423/mini_na-zapravkax-logotip-ukrtatnafta-smenili-smajliki.jpg" />
</body>
<html>

Я кое что изменил в коде.
Что вы видите? Новый тег! Но он как-то не так закрывается...
Вот и те исключения, о которых я говорил.
Теги типа <img> "одноразовые" и не закрываются так "<img></img>", это неправильно, правильно будет так: "<img />" wink
Так, а что же такое src=""? Это типа аргумента в программировании, но в HTML он называется атрибут, в данном случае URL к нужной картинке. URL должен писаться в ковычках.
Сохраняем и открываем через браузер. Если все верно - у вас будет смайлик после текста. wink


Сообщение отредактировал: Дракон - Суббота, 19.02.2011, 17:57
Hagrael Дата: Суббота, 19.02.2011, 17:45 | Сообщение # 2
Просмотр профиля: Hagrael

Сообщений: [1476]
Дракон, у тебя есть дар писать статьи, но твоя статья не разъясняет всего детально. src - это атрибут, тэг < b > в HTML5 выкинули (просто допиши, что он устарел, и стили прописываются на CSS). Однако порадовало то, что использован XHTML-синтаксис smile

George & Daniel:
Война сухофруктов
DraggonFantasy Дата: Суббота, 19.02.2011, 17:50 | Сообщение # 3
Просмотр профиля: DraggonFantasy

Сообщений: [1514]
Quote (Hagrael)
у тебя есть дар писать статьи

Cпасибо smile
Quote (Hagrael)
тэг < b > в HTML5 выкинули

Не знал, допишу сейчас. smile
Hagrael Дата: Суббота, 19.02.2011, 17:54 | Сообщение # 4
Просмотр профиля: Hagrael

Сообщений: [1476]
Дракон, у тебя там что-то полетело =) Теперь отображаются [/b] и <b> там, где ненадо.

George & Daniel:
Война сухофруктов
DraggonFantasy Дата: Суббота, 19.02.2011, 17:56 | Сообщение # 5
Просмотр профиля: DraggonFantasy

Сообщений: [1514]
Hagrael, Спасибо, что сказал, игрался с дописыванием статьи долго забывал отключать хтмл теги в сообщении и вот результат. biggrin
Сейчас исправлю.


Сообщение отредактировал: Дракон - Суббота, 19.02.2011, 18:02
Форум разработчиков игр » Для Веб-мастера » Вопросы и ответы » HTML - пишем первую страницу
Страница 1 из 11
Поиск:

При полном или частичном копировании материалов сайта ссылка на Make-Games.ru обязательна. Make-Games.ru © 2008 - 2016 Хостинг от uWeb
Топ Разработка игр Рейтинг@Mail.ru