На этой неделе мы изучаем три части клиента: грамматическую основу xhtml, css и javascript.
Во-первых: Что касается атрибутов (меток) xhtml —
1. Атрибуты формы <form action="form handler url" метод="gei/post">
2. <id="" name="">Эти два атрибута. уникальный идентификационный номер и отличие имени формы. Согласно моей домашней работе и использованию на этой неделе, он в основном используется в таких элементах управления, как <form> <input>.
3. Атрибуты управления <input>, <select> и <option>, <textarea>
— это элемент управления, определенный иначе, чем атрибут type. Всего существует 10 типов, включая текстовое поле, множественный выбор, радиовыбор. и поле пароля «Отправить и отменить» и т. д. Используется для различных элементов управления в соответствии с различными потребностями.
<select> и <option> используются вместе для управления раскрывающимися меню. Основной формат:
<select name="" id="">
<option value="">xx</option>
</select>
<textarea> используется для создания многострочного текстового поля.
4. Часто используемые атрибуты определения: семейство шрифтов: определяют стиль шрифта всей страницы; размер шрифта: ширина; высота: высота; количество объединенных столбцов; />Пустая строка&nbps;Пустое пространство
во-вторых: страница управления CSS
1. Правила стиля: при использовании макета стиля CSS основной формат следующий:
selector {
атрибут 1: значение 1;
атрибут 2: значение 2
.....
}
и в <head> Добавление <style type="text/css"> в </head> вызовет функции, связанные с CSS.
2. Селекторы: селектор элемента, селектор класса, селектор идентификатора, селектор включения, селектор подстановочных знаков и псевдоселектор Класс и псевдо- селекторы элементов. (Функции и использование каждого селектора описаны в книгах 54–56.)
3. Положение правила стиля:
всего существует три формы — внешняя, встроенная и встроенная.
Внешнее подключение заключается в создании файла .css в файле того же уровня, что и сгенерированный файл страницы, а затем в записи действующего кода атрибута в виде текста в .css.
Ион вызывается
с помощью <link rel="stylesheet" type="text/css" ref="URL таблицы стилей"> в файле страницы
. Этот метод подходит для использования одного и того же стиля на нескольких страницах.Встраивание — это часто используемый атрибут CSS, то есть добавление <style type="text/css"> к <head></head> и использование
селектора {
атрибут 1: значение 1;
атрибут 2: значение 2
; .
}
используется в этой форме.
Встроенный означает использование атрибута стиля после элемента для обозначения стиля при отображении. По сути, большинство HTML-тегов имеют атрибут стиля.
4.css шаблон и перекрытие
(1) поля: граница поля: отступ границы: расстояние до границы (подробнее см. в книге 53)
(2) единица атрибута CSS: (подробности см. на страницах 57-65 книги)
(3) div -css Макет страницы:
это ключевой момент. Не только атрибут <table> может макетировать всю страницу, но обычно используемый <div> более удобен и краток.
В-третьих:
есть только три момента, которые необходимо освоить
в базовом и расширенном синтаксисе JavaScript
:1. <script type="text/javascript"> Это то же самое, что вызов атрибутов CSS.
document.write("Hello") эквивалентен printf на языке C и также может быть заменен на alert.
2. Обработчик событий. В этом пункте знаний есть 4 пункта, а также дополнительные сведения. См. подробное введение на страницах 81–95 в дереве.
3. Расширенный синтаксис: он похож на типы данных, циклы, последовательности и выбор в языке C. Есть всего несколько отличий:
(1) Чтобы определить тип данных, нет необходимости явно определять его, просто используйте var.
(2) Вычисление различных типов данных не так понятно, как в языке C. Например, var 'a' b, символьный тип и тип данных, также могут вычислять c='a'-b.
(3) Добавлены строковые операторы.
4. Вызов функции: это похоже на язык C. Для иллюстрации я буду использовать пример:
<!doctype html public "-//w3c//dtd xhtml 1.0 переходный//en" " http://www.w3. орг /tr/xhtml1/dtd/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml " xml:lang="en" lang="en">
<голова>
<title>суммирование JavaScript</title>
<тип сценария="текст/javascript">
функция sum1(m){
вар я, п=1;
for(i=1;i<=m;i++){
n=1/i*n;
}
вернуть н;
}
функция сумма (п) {
вар я, с = 0;
for(i=1;i<=n;i++){
с=с+сумма1(я);
}
оповещение(я);
}
</скрипт>
</голова>
<тело>
<form action="#" метод="получить">
1+1/2!+1/3!+1/4!....1/10!=
<input type="button" value="Sum" onclick="sum(10);" />
</form>
</body>
</html>
В этом вопросе для вычисления суммы используются вызовы функций. Каждый должен это понять - -! Наше домашнее задание.
Хорошо, это мой обзор на эту неделю, я надеюсь, что он будет полезен всем. Он определенно не является исчерпывающим и предназначен только для справки!