Здравствуйте, уважаемые пользователи этого замечатлельного сайта! Сегодня я вам расскажу как в HTML писать текст и вставлять картинки, начнем урок! Текст Для верски я очень рекомендую программу: PSPad, она очень удобна и сразу говорит ошибки, она пригодится как для верстальщиков так и для прогеров. Создадим текстовой документ и откроем любым редактором (блокнотом, давайте - проще всего ). Теперь пишем эти строчки:
Code
<html> <head> <title>HTML страница! Моя первая!!!</title> <body> Привет. Это моя первая страница </body> <html>
Давайте рассмотрим: Что вы заметили? Правильно - кучу таких < > скобок, а между ними слова. Это - HTML теги. А вон текст на русском, да еще и без тегов! Этот текст просто выведется на экран. Давайте теперь напишем этот текст жирным шрифтом! Но как? Давайте посмотрим:
Code
<html> <head> <title>HTML страница! Моя первая!!!</title> <body> <b>Привет. Это моя первая страница</b> </body> <html>
Что-то изменилось? Да, верно появились теги между нашим текстом. Этот тег <b> пишет текст жирным шрифтом, правда он устарел. Кстати, забыл сказать, что теги должны закрываться такими же тегами, но со "слешем" (или как там его ), но не все правда, но об исключениях позже. Например, тег <b> закрывается таким: </b>, тег <title> таким: </title> и т.д.. Сохраним нашу страницу в формате .htm и откроем браузером. Теперь мы можем написать тексты на нашей странице. Но это все равно не то... Нужны картинки... Картинки! С текстом разобрались, теперь к картинкам приступим! Работать будем с той же страницей что и в пред. уроке.
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 />" Так, а что же такое src=""? Это типа аргумента в программировании, но в HTML он называется атрибут, в данном случае URL к нужной картинке. URL должен писаться в ковычках. Сохраняем и открываем через браузер. Если все верно - у вас будет смайлик после текста.
Сообщение отредактировал: Дракон - Суббота, 19.02.2011, 17:57
Дракон, у тебя есть дар писать статьи, но твоя статья не разъясняет всего детально. src - это атрибут, тэг < b > в HTML5 выкинули (просто допиши, что он устарел, и стили прописываются на CSS). Однако порадовало то, что использован XHTML-синтаксис
