Язык HTML для начинающих.
Пользователи, просматривающие топик: none
|
Зашли как: Guest
|
Имя  |
| Сообщение |
<< Старые топики Новые топики >> |
|
|
Язык HTML для начинающих. - 2008-02-19 16:57:45.156666
|
|
|
Zmaster
Сообщений: 930
Оценки: 0
Присоединился: 2007-02-09 19:02:43.500000
|
Привет всем! Так как никакой хакер не может обойтись без языка HTML, я решил написать статью для новичков по этому языку.
Язык HTML – это язык разметки, т. е. размечает, где картинки, где ссылки и т. д. Команды языка – это теги. Все названия и параметры тегов языка пишутся в угловых скобках <ТЕГ>, а закрытие тега пишется в угловых скобках со знаком ‘/’ - </ТЕГ>. Некоторые теги закрывать не надо – это одиночные теги. Для некоторых тегов используются параметры, присваивающие тегам какое-либо значение. Имя тега пишется английскими буквами. Параметры тега пишутся через пробел после имени тега в форме параметр = «значение». Например:
тег A без параметров, но с текстом: <A>Сюда</A>
тег Font с параметрами Align и Color: <Font Align=«Center» Color=«#45f3aa»></Font>
Наверное, некоторым не совсем понятно, что я тут вообще говорю. Ничего страшного, потом будет понятно. Вобщем перейдем к делу. Для начала разберем шаблон документа на языке HTML:
<Html>
<Head><Title>Заголовок документа</Title></Head>
<Body>
Тело документа
</Body>
</Html>
Эти теги присутствуют в каждом html документе. Теги <Html></Html> определяют начало и конец документа, теги <Head></Head> - описание документа, содержит заголовок и мета-теги, <Title></Title> - между ними располагается заголовок документа, а <Body></Body> - это тело документа.
Теперь разберем некоторые теги, которые существуют в языке:
<P> </P> - параграф.
Параметры для тега: Align. Параметр может принимать значения “Center» – выравнивание по центру, “Left» – по левому краю, “Right» – по правому краю.
Например:
<P Align=«Left»>Hello World!!!</P>
В результате будет выведен текст Hello World, выровненный по левому краю.
<A> </A> - с помощью этого тега можно придать определенное значение для текста или рисунка. Например, сделать текст или рисунок ссылкой и т. д.
Параметры для тега: Href=«Полный адрес или название файла на который будет ссылка». Например:
<A Href=«http://www.xakep.ru»>Самый лучший сайт</A>
В результате появится ссылка на хакер.ру с текстом «Самый лучший сайт». Можно сделать ссылку на e-mail, только надо в кавычках подписать mailto: и без пробела писать мыло. Я думаю, вы догадались, что при этом параметре текст тега – это ссылка на то, что написано в кавычках.
Еще один параметр – это Title=«подсказка» – подсказка к тексту. Например
<A Title=«здесь хакер.ру « Href=«http://xakep.ru»>Посмотри, что здесь</a>
В результате получится ссылка на хакер.ру с подсказкой.
Следующий параметр Target=«…». Этот параметр нужен, когда надо, чтобы ссылка была в одном фрейме, а загружаемая страница в другом. Вместо точек надо ввести имя фрейма, в котором будет загружаться страница.
Следующие теги:
<H1> </H1> - Заголовок 1 уровня. Параметры такие, как у тега <P>
<H2> </H2> - Заголовок 2 уровня. Параметры такие, как у тега <P>
<H3> </H3> - Заголовок 3 уровня. Параметры такие, как у тега <P>
<H4> </H4> - Заголовок 4 уровня. Параметры такие, как у тега <P>
<H5> </H5> - Заголовок 5 уровня. Параметры такие, как у тега <P>
<H6> </H6> - Заголовок 6 уровня. Параметры такие, как у тега <P>
<HR> - одиночный тег, рисующий горизонтальную линию. Параметры:
Width=«длинна в процентах»
Align=«Center» – Выровнять по центру. Left – по левому краю, Right – по правому краю.
Color=«#цвет» – цвет линии. Например:
<HR Width=«57» Align=«Left» Color=«#1fa53f»>
В результате появится линия, выровненная по левому краю светло – зеленого цвета. Кстати, насчет цвета. Вы, наверное, думаете, что же там надо писать после решетки в кавычках? Все просто, Первая пара шестнадцатеричных цифр обозначает количество красного цвета, вторая – количество зеленого, третья – синего, всего 6 цифр.
<BR> - перевод строки. (одиночный)
<B> </B> - текст, располагающийся между этими тегами, будет жирным.
<U> </U> - текст, располагающийся между этими тегами, будет подчеркнутым.
<I> </I> - текст, располагающийся между этими тегами, будет наклонным (курсив).
Эти теги не имеют параметров.
<Font> </Font> - тег, определяющий свойства шрифта.
Параметры:
Face=«тип шрифта» – может принимать значения: Times New Roman, Comic Sans MS, Courier New Verdana, System, Arial.
Size=«размер шрифта» – принимает значения от 1 до 7.
Color=«#цвет шрифта» – Цвет шрифта.
Например:
<H1 Align="Center">
<font size="7" color="#003F02">ИНФОРМАЦИЯ</font>
</H1>
В этом случае будет выведен заголовок первого уровня с текстом «ИНФОРМАЦИЯ», размер заголовка – 7, цвет – темно-зеленый, выровнен по центру.
<Nobr> </Nobr> - текст, расположенный между этими тегами, будет помещен в одну строку. А если она не уместится на экране, то будет использоваться горизонтальный скроллинг. Параметров нет.
<Img> - вставка рисунка.
Параметры:
Border=«0» – окантовка, при использовании рисунка в качестве ссылки.
SRC=«путь к рисунку» – путь к рисунку на компе.
Width=«ширина» – ширина рисунка в пикселях.
Height=«Высота» – Высота рисунка в пикселях.
Alt=«подсказка» – тоже самое, что и Title для тега <A>.
Например:
<A Href=«http://www.hackzona.ru»>
<Img src=«D://Img/girl.gif» border=«0» Width=«100» Height=«50» Alt=«Заходи»>
</A>
Здесь вместо текста между тегами <A> </A> находится рисунок, находящийся по пути D://Img/girl.gif, и этот рисунок играет роль ссылки на хакзону. Высота рисунка 50 пикселей, а ширина – 100. Подсказка к ссылке – Заходи.
Ну и теперь рассмотрим таблицы.
<Table> </Table> - начало и конец таблицы.
<TR> </TR> - новая строка.
<Td> </Td> - новая ячейка.
Параметры тега <Table>
BGCOLOR=«#цвет фона»
BackGround=«путь к рисунку» - Фоновый рисунок.
Border=«толщина рамки»
Align=«выравнивание» – Center – по центру, Right – по правому краю, Left – по левому.
CellSpacing=«0» – расстояние между ячейками.
CellPadding=«1» – Расстояние от краев таблицы.
HSPace=«5» – отступы справа и слева.
Например:
<Table border=«1» Align=«Center»>
<A Href=«http://hackzona.ru»><Td>Заходи!</Td></A>
<A Href=«http://xakep.ru»> <Td>Здесь интересно!</Td></A>
<TR>
<A Href=«http://yandex.ru»><Td>Yandex.ru </Td> </A>
<A Href=«http://google.ru»><Td>гугл</Td></A>
</TR>
</Table>
В итоге получится таблица из двух строк и двух столбцов, где каждая ячейка имеет надпись и играет роль ссылки на что-либо. Таблица выровнена по центру.
Ну вот вроде и все. Точнее это не все, ведь HTML большой, но новичкам этого хватит.
Теперь можно потренироваться. Откройте блокнот, напишите основные теги:
<Html>
<Head><Title>Добро пожаловать </Title></Head>
<Body …>
</Body>
</Html>
В теге <Body> вместо точек впишите параметры:
bgcolor=”#цвет фона”
background=”фоновый рисунок”
bgproperties=”fixed” – делает фоновый рисунок неподвижным.
alink=”#цвет активанной ссылки”
vlink=”#цвет просмотренной ссылки”
link=”#цвет ссылки”
Ну и теперь давайте попробуем написать что-нибудь, например создадим вот такую страничку, которая представлена снизу.
Ее код будет выглядеть приблизительно так:
<Html>
<Head><Title>Добро пожаловать!!</Title></Head>
<Body bgcolor="#c31f78">
<Font Size="7" Align="Center">
<H1>Добро пожаловать!</H1>
</Font>
<Table Align="Center" border="2">
<A Href="http://www.yandex.ru"><Td>Ссылка на яндекс</Td></A>
<A Href="http://www.google.ru"><Td>Ссылка на гугл</Td></A>
<A Href="http://www.forum.xakep.ru.ru"><Td>Ссылка на форум.хакер.ру</Td></A>
</Table>
<Br>
<Br>
<Img Src="D://games/img1.gif" Width="150" Height="150">
<B>Я Zmaster</B><br>
<U>Я Zmaster</U><br>
<I>Я Zmaster</I><br>
<br>
<Hr width="990" Align="center">
</Body>
</Html>
|
|
|
|
|
RE: Язык HTML для начинающих. - 2008-02-19 17:43:01.310000
|
|
|
blаcksun
Сообщений: 1670
Оценки: 0
Присоединился: 2007-11-19 20:03:45.703333
|
Выпей йаду, ага ..
1. Ну и кому это нужно? хтмл даже 3е классник может выучить не напрягаеясь, инфы в сети навалом.
2. С какого перепоя html стал языком? это средство разметки, а не язык.
|
|
|
|
|
RE: Язык HTML для начинающих. - 2008-02-19 18:15:56.860000
|
|
|
rgo
Сообщений: 7170
Оценки: 281
Присоединился: 2004-09-25 05:14:25
|
quote:
ORIGINAL: blаcksun
2. С какого перепоя html стал языком? это средство разметки, а не язык.
HTML == HyperText Markup Language. Язык разметки гипер текста, если по-русски.
|
|
|
|
|
RE: Язык HTML для начинающих. - 2008-02-19 18:19:10.733333
|
|
|
blаcksun
Сообщений: 1670
Оценки: 0
Присоединился: 2007-11-19 20:03:45.703333
|
quote:
ORIGINAL: rgo
quote:
ORIGINAL: blаcksun
2. С какого перепоя html стал языком? это средство разметки, а не язык.
HTML == HyperText Markup Language. Язык разметки гипер текста, если по-русски.
Пойду убьюсь =\
|
|
|
|
|
RE: Язык HTML для начинающих. - 2008-02-19 20:00:19.873333
|
|
|
kolPeeX
Сообщений: 1456
Оценки: 0
Присоединился: 2007-01-25 14:57:57.683333
|
quote:
ORIGINAL: Zmaster
Так как никакой хакер не может обойтись без языка HTML
хакер, взламывающий microsoft.com одним telnet'ом и незнающий тег font, вовсе не хакер
ну, ты-то теперь настоящий хакер!
p.s. htmlbook.ru
|
|
|
|
|
RE: Язык HTML для начинающих. - 2008-02-19 23:19:32.153333
|
|
|
StrannikRiddler
Сообщений: 115
Оценки: 0
Присоединился: 2007-06-08 16:20:53.516666
|
во, блин, оказывается, я хакер… я знаю HTML… Змастер, ты открыл мне глаза! :D:D:D
|
|
|
|
|
RE: Язык HTML для начинающих. - 2008-02-19 23:38:01.610000
|
|
|
Zevs91207
Сообщений: 1315
Оценки: 0
Присоединился: 2007-12-09 20:35:12.953333
|
Для того,чтобы знать HTML, нужно ни одну книжку прочесть и статья здесь не поможет, а самое главное–это практика. Хакингу тоже нужно учиться–это не минутное дело, здесь нужен опыт,который разумеется сам не приходит. Вообщем, чтобы чему-то научиться нужно время.
|
|
|
|
|
RE: Язык HTML для начинающих. - 2008-02-20 17:30:48.140000
|
|
|
$ad!$t
Сообщений: 8
Оценки: 0
Присоединился: 2008-02-19 20:53:47.420000
|
Zevs91207
Ну если дело пошло о учебе тогда скажи с чего начать
|
|
|
|
|
RE: Язык HTML для начинающих. - 2008-02-20 18:07:49.503333
|
|
|
Bios Nielsеn
Сообщений: 6266
Оценки: 321
Присоединился: 2007-10-22 19:45:18.176666
|
quote:
ORIGINAL: $ad!$t
Zevs91207
Ну если дело пошло о учебе тогда скажи с чего начать
Учи нормальные высокоуровневые языки програмирования. С++, Делфи. Основы архитектуры сетей, а лучше не только основы. Протоколы. Изучай серверные операционные системы, их администриррование - эти знания не помешают и не только хакерам но и обычным пользователям.
|
|
|
|
|
RE: Язык HTML для начинающих. - 2008-02-20 18:18:43.950000
|
|
|
$ad!$t
Сообщений: 8
Оценки: 0
Присоединился: 2008-02-19 20:53:47.420000
|
Где я могу всё это найти
|
|
|
|
|
RE: Язык HTML для начинающих. - 2008-02-20 19:10:24.660000
|
|
|
Crazy_Jaguar
Сообщений: 269
Оценки: 0
Присоединился: 2008-01-06 16:22:39.963333
|
quote:
Где я могу всё это найти
www.google.ru
|
|
|
|
|
RE: Язык HTML для начинающих. - 2008-02-20 19:40:23.193333
|
|
|
$ad!$t
Сообщений: 8
Оценки: 0
Присоединился: 2008-02-19 20:53:47.420000
|
А паскаль сильно не понадобится
|
|
|
|
|
RE: Язык HTML для начинающих. - 2008-02-20 21:03:12.223333
|
|
|
Zevs91207
Сообщений: 1315
Оценки: 0
Присоединился: 2007-12-09 20:35:12.953333
|
Я предлагаю скачать книгу "Создание Web-сайтов без посторонней помощи", она есть у меня в рукописном варианте,очень мне помогла, там описаны все оспекты сайтастроения и тем,кому интересен веб-дизайн очень пригодится.
Скачать её можно здесь: http://vipdomen.com/2007/08/12/v.n._pechnikov__sozdanie_websajjtov_bez_postoronnejj_pomoshhi.html
|
|
|
|
|
RE: Язык HTML для начинающих. - 2008-02-20 21:15:05.240000
|
|
|
$ad!$t
Сообщений: 8
Оценки: 0
Присоединился: 2008-02-19 20:53:47.420000
|
оформление веб я знаю так поверхостно на Macromedia Dreamweaver MX 2004 практиковался
или этого мало???
|
|
|
|
|
RE: Язык HTML для начинающих. - 2008-02-20 21:17:58.270000
|
|
|
Zevs91207
Сообщений: 1315
Оценки: 0
Присоединился: 2007-12-09 20:35:12.953333
|
Советую книгу скачать
|
|
|
|
|
RE: Язык HTML для начинающих. - 2008-02-20 21:23:15.396666
|
|
|
$ad!$t
Сообщений: 8
Оценки: 0
Присоединился: 2008-02-19 20:53:47.420000
|
что мне будет с прочтения это книжочки
|
|
|
|
|
RE: Язык HTML для начинающих. - 2008-02-20 21:29:12.130000
|
|
|
Zevs91207
Сообщений: 1315
Оценки: 0
Присоединился: 2007-12-09 20:35:12.953333
|
Научишься создавать хорошие сайты, там описаны: синтаксис HTML, работа с графикой, советы как выложить свой сайт в интернете и т.д. Короче, скачай и посмотри сам.
|
|
|
|
|
RE: Язык HTML для начинающих. - 2008-02-20 21:32:33.536666
|
|
|
$ad!$t
Сообщений: 8
Оценки: 0
Присоединился: 2008-02-19 20:53:47.420000
|
а про взломы там тоже написанно
если нет то ты научишь
|
|
|
|
|
RE: Язык HTML для начинающих. - 2008-02-20 21:43:49.193333
|
|
|
Zevs91207
Сообщений: 1315
Оценки: 0
Присоединился: 2007-12-09 20:35:12.953333
|
quote:
ORIGINAL: $ad!$t
а про взломы там тоже написанно
если нет то ты научишь
Я тебе вряд ли помогу, потому, что сам мало об этом знаю, дам тебе совет, читай книжки по компьютерной безопасности и делай всё наоборот. Как мне представляется–это самый лучший способ научиться хакингу, ну ,а ему как я уже ни раз писал нужно учиться достаточно долго
В книге про взлом, кстати не написано, она предназначена для того, создавать сайты ,а не взламывать их.
|
|
|
|
|
RE: Язык HTML для начинающих. - 2008-02-20 21:53:15.350000
|
|
|
$ad!$t
Сообщений: 8
Оценки: 0
Присоединился: 2008-02-19 20:53:47.420000
|
Ладно пасиба Zevs91207 за книжку почитаю как нибудь
а теперь вопрос ко всем кто нибудь здесь смогёт научить меня взлому я же не прошу банковские счета банкоматы игровые автоматы и прочию крутотень я всего лишь хочу научиться взламывать какие нибудь мелочные сайтики форумы да чаты да сайтики с порнушкой
|
|
|
|
|
RE: Язык HTML для начинающих. - 2008-02-20 22:01:08.460000
|
|
|
Zevs91207
Сообщений: 1315
Оценки: 0
Присоединился: 2007-12-09 20:35:12.953333
|
Вообще, лучше всего учиться по книжкам – самостоятельно, так эффективнее
|
|
|
|
|
RE: Язык HTML для начинающих. - 2008-02-20 22:03:50.990000
|
|
|
$ad!$t
Сообщений: 8
Оценки: 0
Присоединился: 2008-02-19 20:53:47.420000
|
давай тогда ещё ссылку на книгу о безопасности сетей
|
|
|
|
|
RE: Язык HTML для начинающих. - 2008-02-20 22:20:28.223333
|
|
|
Zevs91207
Сообщений: 1315
Оценки: 0
Присоединился: 2007-12-09 20:35:12.953333
|
Вот держм:
http://samouchka.net/2007/03/15/polnoe_rukovodstvo_po_bezopasnosti_kompj.html
http://softdocs.net/2006/12/11/zashhita_informacii_v_kompjuternykh_sistemakh_i_setjakh.html
http://www.proklondike.com/contentview.php?content=132
http://www.mexxs.net/books.php?cat=12
|
|
|
|
|
RE: Язык HTML для начинающих. - 2008-02-20 23:49:24.460000
|
|
|
il0dbg
Сообщений: 66
Оценки: 0
Присоединился: 2007-10-30 01:32:31.366666
|
Аффтар статьи - вепкилл №2
|
|
|
|
|
|
