Основы HTML.

Создаём свой первый сайт в блокноте на HTML

Итак, начнём что-то делать на практике, и начнём с самого простого, т.е. с основ HTML. А их изучать лучше всего, воспользовавшись блокнотом (Notepad), входящим в состав Windows. Могу ещё посоветовать такие простенькие редакторы текста, которые не создают избыточного кода, в отличие от более мощных своих собратьев

Bred3.0.3

Текстовый редактор Bred3

или, к примеру, ещё вот такой: Notepad++

Текстовый редактор notepad ++

Эти редакторы, в отличие от стандартного имеют разноцветную подсветку вводимого Вами кода, что позволит минимизировать ошибки.

Можно конечно было сразу воспользоваться более мощными средствами, такими как Nvu или Dreamweaver, но не советую этого делать, не зная основ HTML.



Теги html, head, body, title Печать E-mail
(6 голоса, среднее 5.00 из 5)
Создание статического сайта - Основы HTML. форумы на и есть ли при регистрации
20.12.2010 00:00

Задачи: выяснить для чего нужны

теги <html> и </html>;

теги <head> и </head>;

теги <body> и </body>;

теги <title> и </title>;

создать свою первую страницу.

Для того чтобы создавать статические страницы на HTML нам не потребуется выход в Интернет, и даже не потребуется устанавливать локальный сервер. Потребуется простой текстовый редактор (Notepad, Notepad++, Bred3.0.3) для написания кода и браузер (IE, Opera, Mozilla firefox, …) для просмотра полученного результата. Кроме того создайте папку на диске C: или D: (или какой у Вас там есть)  и назовите её, к примеру, practicalwork.

Обновлено 09.03.2011 01:50
Подробнее >> Теги html, head, body, title
 
DOCTYPE и meta теги Печать E-mail
(4 голоса, среднее 5.00 из 5)
Создание статического сайта - Основы HTML.

DOCTYPE и meta теги для поисковиков и браузера.DOCTYPE и meta теги

Задачи:

  • разобраться, что же это такое DOCTYPE и зачем он нужен;
  • выяснить, для чего нужны мета теги и почему они называются meta теги для поисковиков.

1. Если Вы просмотрите любую веб страницу из Интернета в текстовом редакторе, то сразу заметите, что она начинается, с первого взгляда совсем непонятной, поэтому пугающей своей сложностью строкой и этим самым DOCTYPE.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Обновлено 02.03.2011 19:40
Подробнее >> DOCTYPE и meta теги для поисковиков и браузера
 
Таблица html Печать E-mail
(6 голоса, среднее 5.00 из 5)
Создание статического сайта - Основы HTML.
06.01.2011 00:00

Шаблон статической страницы.

Сейчас мы ближе подойдём к вопросу о том, как создать свой сайт, а точнее создать шаблон статической страницы на основе таблицы html. Существуют и другие, более продвинутые способы построения статических страниц, например, вёрстка div блоками, но сегодня, здесь и сейчас говорим о таблицах HTML.

Обновлено 08.02.2011 04:39
Подробнее >> Таблица HTML
 
Форматирование текста в HTML. Печать E-mail
(4 голоса, среднее 4.00 из 5)
Создание статического сайта - Основы HTML.
10.01.2011 00:00

Форматирование текста в HTML.

Будем двигаться дальше по пути создания своего сайта. Для этого рассмотрим некоторые теги форматирования текста в HTML. Мы с Вами остановимся на создании заголовков, Вы узнаете, как задаётся размер, цвет, начертание (гарнитура) шрифта в html и как абсолютно и относительно изменить размер шрифта. По ходу также рассмотрим и много других всяких полезностей.

Обновлено 07.02.2011 23:48
Подробнее >> Форматирование текста в HTML.
 
Логическое форматирование Печать E-mail
(5 голоса, среднее 3.80 из 5)
Создание статического сайта - Основы HTML.
12.01.2011 00:00

Физическое и логическое форматирование.

Трудно сказать определённо, как ведут себя поисковые роботы, и какие алгоритмы они включают, когда встречают на страницах Вашего сайта различные стили форматирования текста (выделение курсивом, жирный шрифт и т.д.). Определённо можно сказать только то, что хоть в современных браузерах мы и видим одинаковый результат при использовании разных тегов физического и логического форматирования, но задумывались они для разных целей. Проще говоря, физическое форматирование предназначено для физического выделения текста, т.е. для красоты. Логическое форматирование указывает браузерам (и должно указывать поисковикам) какой тип текста или данных находится в выделенном фрагменте. Это может быть программный код, переменная, цитата, аббревиатура или др. Кроме того, вид отображения текста при выделении тегами логического форматирования, можно задать произвольно, прописав это в стилях.

Обновлено 07.02.2011 23:50
Подробнее >> Физическое и логическое форматирование
 


Rambler's Top100
Main page Contacts Search Contacts Search