Основы работы с XHTML и CSS
Код HTML для форматирования строки
| <h2>Форматировать эту строку текста.</h2> |
| Листинг 1.1. Код HTML для форматирования строки текста |
| Закрыть окно |
| <?xml version="1.0" encoding="UTF-8"?> |
| Листинг 1.2. Объявление XML для страницы Web |
| Закрыть окно |
| <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> |
| Листинг 1.3. Определение типа документа (DFD) для соответствия XHTML 1.1 |
| Закрыть окно |
| <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> |
| Листинг 1.4. Стандарты соответствия XHTML 1.0 |
| Закрыть окно |
| <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> |
| Листинг 1.5. Корневой элемент <html> |
| Закрыть окно |
| <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>Страница Web, соответствующая XHTML 1.1</title> </head> <body> <h2>Форматировать эту строку текста.</h2> </body> </html> |
| Листинг 1.6. Код для указания соответствия страницы стандартам XHTML 1.1 |
| Закрыть окно |
| <?xml version="1.0" encoding="UTF-8"?> <!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" xml:lang="en"> <head> <title>Страница Web, соответствующая XHTML 1.0 Transitional</title> </head> <body> <h2>Форматировать эту строку текста.</h2> </body> </html> |
| Листинг 1.7. Код, указывающий на соответствие страницы стандартам XHTML 1.0 Transitional |
| Закрыть окно |
| <p style="font-family:arial; font-size:14pt; color:red; font-weight:bold"> Это текстовый параграф. </p> |
| Листинг 1.8. Присвоение таблицы стилей параграфу |
| Закрыть окно |
| <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>здесь находится заголовок страницы</title> </head> <body> . здесь находится содержимое страницы . </body> </html> |
| Листинг 1.9. Шаблон страницы Web |
| Закрыть окно |
| <?xml version="1.0" encoding="UTF-8"?> <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> |
| Листинг 1.10. Пролог страницы Web |
| Закрыть окно |
| <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> |
| Листинг 1.11. Тег <html> |
| Закрыть окно |
| <head> <title> здесь находится название документа </title> </head> |
| Листинг 1.12. Раздел заголовка <head> |
| Закрыть окно |
| <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>Первая страница Web</title> </head> <body> <!-- Здесь находится параграф для вывода в браузере --> <p>Это первая попытка создать страницу Web. Я еще не совсем понимаю, что делаю, но это, кажется, достаточно просто. Возможно, когда я немного лучше узнаю теги XHTML и стили CSS, я буду чувствовать себя уверенно и смогу поразить всех своим мастерством.</p> </body> </html> |
| Листинг 1.13. Код первой страницы Web |
| Закрыть окно |
