Разработка web-страниц с помощью HTML 4.01 Богданов Марат Робертович Современные веб-технологии. Подробный курс
advertisement
Разработка web-страниц с помощью HTML 4.01 Богданов Марат Робертович Современные веб-технологии. Подробный курс Web-страницы можно разрабатывать в блокноте. Но гораздо удобнее это делать в MS Visual Web Developer 2008 Express Edition 2 Visual Studio предлагает большое количество шаблонов 3 Пример 1. Создание невидимого заголовка <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Это – моя первая web-страничка!</title> </head> <body> </body> </html> 4 Пример 2. Создание видимых заголовков <body> <h1>От жажды умираю над ручьем,</h1> <h1>Смеюсь сквозь слезы и тружусь играя, </h1> <h2>Куда бы ни пошел, везде мой дом,</h2> <h2>Чужбина мне – страна моя родная.</h2> <h3>Мне из людей всего понятней тот, </h3> <h3>Кто лебедицу вороном зовет.</h3> <h4>Я сомневаюсь в явном, верю чуду.</h4> <h4>Нагой, как червь, пышнее всех господ,</h4> <h5> Я всеми принят, изгнан отовсюду.</h5> <h6>/Франсуа Вийон/</h6> </body> 5 Пример 3. Абзацы <body> <p align=“justify">Если бы тени предметов зависели не от величины сих последних, а имели бы свой произвольный рост, то, может быть, вскоре не осталось бы на всем земном шаре ни одного светлого места.</p> </body> 6 Пример 4. Вставка графических изображений <body> <img src="lhc.jpg" width="300" alt="Большой андронный коллайдер" /> </body> 7 Пример 5. Работа с таблицами <body> <table border="3"> <tr> <td>За любовь к тебе пусть все осудят вокруг,</td> </tr> <tr> <td>Мне с невеждами спорить, поверь, недосуг.</td> </tr> <tr> <td>Лишь мужей исцеляет любовный напиток,</td> </tr> <tr> <td>А ханжам он приносит жестокий недуг.</td> </tr> </table> <h4>/Амар Хайам/</h4> </body> 8 Пример 6. Работа с таблицам и ссылками <body> <table border="0"> <tr> <td><a href="1.jpg"><img src="1.jpg" width="250" alt="lhc" border="0" /></a></td> <td><a href="2.jpg"><img src="2.jpg" width="250" alt="lhc" border="0" /></a></td> <td><a href="3.jpg"><img src="3.jpg" width="250" alt="lhc" border="0" /></a></td> <td><a href="4.jpg"><img src="4.jpg" width="250" alt="lhc" border="0" /></a></td> </tr> </table> </body> 9 Пример 7. Работа со ссылками <body> <h1>Сколько ног у страуса?</h1> <h2><a href="error.htm">Одна нога</a></h2> <h2><a href="correct.htm">Две ноги</a></h2> <h2><a href="error.htm">Три ноги</a></h2> </body> 10
