Обзор HTML и CSS 2013 года

Администратора · Опубликовано 09.11.2014 10:42:19

HTML и CSSсводка

1. htmlБазовый формат

<html>

<head>

<title>

</title>

</head>

<body>

</body>

</html>

2. htmlПравила грамматики для тегов

<Атрибут имени тега1=Стоимость недвижимости1" атрибут2=Стоимость недвижимости2”>тег</Теговое имя>

3. Теги гиперссылок

Функция: Переход на страницу.

Вопрос: Если вы хотите сделать изображение (picture1.jpg) гиперсвязанным, как его писать?

4. Синтаксис таблиц

<table>

<tr>

<td>

Малые формы

</td>

<td>Содержание</td>

</tr>

</table>

Примечание: содержание формы должно быть написано вTDвнутри

5. Общие характеристики таблиц

a) Таблица:граница=Числа(Безель) bordercolor=Цвет бордюраbgcolor=Цвет фонаcellspacing=Число (расстояние между ячейками) cellpadding=число (расстояние между содержимым и границей таблицы)высота="Фиксированные номера|Процент%"Высоташирина="Фиксированные номера|Процент%«Ширина

b) Tr: bgcolor=Цвет фонавысота="Фиксированные номера|Процент%"Высоташирина="Фиксированные номера|Процент%«ШиринаЦвет бордера

c) Td: bgcolor=Цвет фонавысота="Фиксированные номера|Процент%"Высоташирина="Фиксированные номера|Процент%«Ширинаcolspan=Числа (столбцы слияния)размах рядов=Числа (строки слияния)Цвет бордера

Вопрос: Как установить толщину и цвет рамки при центрировании изображения?

Цвет границы ширины

6. Формы

a) Функция: Отправка данных на сервер

b) Синтаксис:<форма ></form>

c) Элементы формы

1. ВводТеги

i. Текст<input type=text />

ii. Пароли<тип входа=пароль />

iii. Одиночный выбор<тип входа=радиоимя="Имя то же" />

iv. Выбор вариантов<input type=чекбокс />

V. Кнопки<input type=кнопка /> Отправить<input type=отправить /> Сброс<тип входа=сброс>

Атрибуты: Текст:размер=Длина текстаmaxlength=Можно ввести максимальное количество символов

Выбрать:ПровереноВыбрано по умолчанию

Кнопки:value=Текст отображался над кнопкой

2Выпадающие метки: синтаксис, свойства

<выберите несколько(Возможны несколько вариантов)размер=Вы можете увидеть количество вариантов>

<выбран вариант(Выбрано по умолчанию)>Содержание</option>

</select>

7. CSSКаскадные таблицы стилей

Функция: Обогащение контента и уменьшение объёма кода

Сценарий: Место (3вид)

1. В ряду:Добавляйте атрибуты напрямую к тегамстиль=«имущество:Значение атрибута;…”

2. Встраивание:уГоловаНаписание лейбла:<тип стиля="текст/CSS">

Селектор{Свойства:Значение атрибута;…}

</style>

Очки3Основные селекторы:htmlСелектор,КлассСелектор класса (.название класса),идентификаторСелектор (#idName) — единственная

3. Внешние:Создайте отдельное.cssФайл, а затем добавьте код ссылки на страницу, которую хотите использовать, да.2Что-то вроде написания

Запомните:

уГоловаДобавьте теги внутри<link rel="stylesheet" type="text/css" href="имя файла stylesheet.css”>

Примечание: если в таблице стилей возникает конфликт, приоритизируйте inline перед использованием inline и в итоге используйте outside

Вопрос: ИспользованиеDIV+CSSПланировка иТаблицаПлюсы и минусы раскладки?

8. Псевдокласс (селектор)

A:Ссылка {Color: #FF0000} /* Непосещаемые ссылки */

a:посетили {color: #00FF00} /*Ссылки, которые были посещены*/

a:hover {color: #FF00FF} /* Перемещение мыши к ссылке */

a:active {color: #0000FF} /*Избранная ссылка*/

9. DIV(Модель коробки)

Функция: ЗаместительТаблицаТаблица

Писательство:<div>Контент (может быть вложен.)Div）</div>

Использование: Задайте ширину и высоту, можно комбинироватьПозицияАтрибуты

Распространённые свойства:

1. Граница: Толщина коробки

2. Маржа: расстояние между коробками

3. Наполнение: расстояние между содержимым коробки и коробкой.

4. Рост、Ширина: Высота, ширина

5. Предыстория: Цвет коробки, узор

6. Плавание: Сиденье ложиНалево、Правильно

10. ПроходитьDreamweaverСоздайте шаблон

Функция: Достичь того же стиля сайта, сократить объём кода и повысить эффективность разработки сайта

Как создавать и использовать шаблоны

1. Create: file à new à regular à HTMLшаблонà Create

2. Сохранить: Сохранить на собственном сайте, обратите внимание: правильный путь — папка Templates появится внизу сайта, где хранятся файлы шаблонов (.dwt）

3. Письмо: Как и обычные страницы, набор текста и написание контента в одном стиле на сайте. Для разного контента нужно создать редактируемую область (наведите курсор на область редактирования, которую хотите создать à правый клик и выберите Template à New editable area)

4. Создать страницу на основе шаблона: File à New à Template à Выберите шаблон для использования

11. Ткач сновСвязанные знания

Ответ. СдалDreamweaverСоздать сайт: Сайтà New site à advanced à local information

Назовите сайт и задайте путь к нему

Примечание: путь сайта не должен быть на китайском языке

BЗнакомствоDreamweaverНам нужно знать, как выводить базовые теги, которые мы изучали ранее

Основное внимание уделяется типографике страницы через таблицы

CВDreamweaverИспользуя гиперссылку (относительные и абсолютные адреса)

12. CSSОбщие признаки

border:1px solid #000000; /*границы3Общие признаки*/

Ширина; рост; /*Задайте ширину и высоту*/

выравнивание по тексту /*Установите содержимое по центру влево и вправо*/

высота строки /*Содержимое корректировки центрировано вверх и вниз*/

float /*Платформа(Плавающее использование должно использоваться для создания горизонтальных гиперссылок)*/

Margin /*Установите внешнее расстояние для коробки*/

Заполнение /*Установите расстояние внутри коробки*/

Позиция /*Позиционирование, чтобы быть с ними позжеслева вверхуИспользуйте вместе*/

color:#000000; /*Задайте цвет текста*/

background-color:#000000; /*Задайте цвет фона*/

font-size:14px; /*Задайте размер шрифта*/

текст-декорация /*Определите, подчеркнута ли гиперссылка, как обычно используетсяПодчеркнутьилиНет*/

list-style-type:none; /*Стилизуйте гиперссылку (без точек)*/

2013HTML复习.doc (44 KB, Количество скачиваний: 0, Цена продажи: 1 Grain MB)

Комары, которые не кусают · Опубликовано 10.11.2014 13:27:37

Замечательно

[HTML/HTML5] Обзор HTML и CSS 2013 года

Связанные публикации

Просмотренные разделы