Некоторое резюме о XHTML, CSS и JavaScript на стороне клиента.

Автор：Eve Cole Время обновления：2009-06-12 17:47:51

На этой неделе мы изучаем три части клиента: грамматическую основу xhtml, css и javascript.

Во-первых: Что касается атрибутов (меток) xhtml —

1. Атрибуты формы

2. Эти два атрибута. уникальный идентификационный номер и отличие имени формы. Согласно моей домашней работе и использованию на этой неделе, он в основном используется в таких элементах управления, как .

3. Атрибуты управления , </p> <P>— это элемент управления, определенный иначе, чем атрибут type. Всего существует 10 типов, включая текстовое поле, множественный выбор, радиовыбор. и поле пароля «Отправить и отменить» и т. д. Используется для различных элементов управления в соответствии с различными потребностями.</p> <P><select> и <option> используются вместе для управления раскрывающимися меню. Основной формат:</p> <P><select name="" id=""></p> <P><option value="">xx</option></p> <P></select></p> <P><textarea> используется для создания многострочного текстового поля.</p> <P>4. Часто используемые атрибуты определения: семейство шрифтов: определяют стиль шрифта всей страницы; размер шрифта: ширина; высота: высота; количество объединенных столбцов; />Пустая строка&nbps;Пустое пространство</p> <P>во-вторых: страница управления CSS</p> <P>1. Правила стиля: при использовании макета стиля CSS основной формат следующий:</p> <P>selector {</p> <P>атрибут 1: значение 1;</p> <P>атрибут 2: значение 2</p> <P>.....</p> <P>}</p> <P>и в <head> Добавление <style type="text/css"> в </head> вызовет функции, связанные с CSS.</p> <P>2. Селекторы: селектор элемента, селектор класса, селектор идентификатора, селектор включения, селектор подстановочных знаков и псевдоселектор Класс и псевдо- селекторы элементов. (Функции и использование каждого селектора описаны в книгах 54–56.)</p> <P>3. Положение правила стиля:</p> <P>всего существует три формы — внешняя, встроенная и встроенная.</p> <P>Внешнее подключение заключается в создании файла .css в файле того же уровня, что и сгенерированный файл страницы, а затем в записи действующего кода атрибута в виде текста в .css.</p> И <P>он вызывается</p> <P>с помощью <link rel="stylesheet" type="text/css" ref="URL таблицы стилей"> в файле страницы</p> . Этот метод подходит для использования одного и того же стиля на нескольких страницах. <P>Встраивание — это часто используемый атрибут CSS, то есть добавление <style type="text/css"> к <head></head> и использование</p> <P>селектора {</p> <P>атрибут 1: значение 1;</p> <P>атрибут 2: значение 2</p> <P>; .</p> <P>}</p> <P>используется в этой форме.</p> <P>Встроенный означает использование атрибута стиля после элемента для обозначения стиля при отображении. По сути, большинство HTML-тегов имеют атрибут стиля.</p> <P>4.css шаблон и перекрытие</p> <P>(1) поля: граница поля: отступ границы: расстояние до границы (подробнее см. в книге 53)</p> <P>(2) единица атрибута CSS: (подробности см. на страницах 57-65 книги)</p> <P>(3) div -css Макет страницы:</p> <P>это ключевой момент. Не только атрибут <table> может макетировать всю страницу, но обычно используемый <div> более удобен и краток.</p> <P> </P> В-третьих: <P>есть только три момента, которые необходимо освоить</p> <P>в базовом и расширенном синтаксисе JavaScript</p> : <P>1. <script type="text/javascript"> Это то же самое, что вызов атрибутов CSS.</p> <P>document.write("Hello") эквивалентен printf на языке C и также может быть заменен на alert.</p> <P>2. Обработчик событий. В этом пункте знаний есть 4 пункта, а также дополнительные сведения. См. подробное введение на страницах 81–95 в дереве.</p> <P>3. Расширенный синтаксис: он похож на типы данных, циклы, последовательности и выбор в языке C. Есть всего несколько отличий:</p> <P>(1) Чтобы определить тип данных, нет необходимости явно определять его, просто используйте var.</p> <P>(2) Вычисление различных типов данных не так понятно, как в языке C. Например, var 'a' b, символьный тип и тип данных, также могут вычислять c='a'-b.</p> <P>(3) Добавлены строковые операторы.</p> <P>4. Вызов функции: это похоже на язык C. Для иллюстрации я буду использовать пример:</p> <P><!doctype html public "-//w3c//dtd xhtml 1.0 переходный//en" " <A href="http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">http://www.w3. орг /tr/xhtml1/dtd/xhtml1-transitional.dtd</a> "><BR><BR> <html xmlns=" <A href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a> " xml:lang="en" lang="en"><BR> <голова><BR> <title>суммирование JavaScript</title><BR><BR> <тип сценария="текст/javascript"><BR><BR> функция sum1(m){<BR> вар я, п=1;<BR> for(i=1;i<=m;i++){<BR> n=1/i*n;<BR> }<BR> вернуть н;<BR> }<BR> функция сумма (п) {<BR> вар я, с = 0;<BR> for(i=1;i<=n;i++){<BR> с=с+сумма1(я);<BR> }<BR> оповещение(я);<BR> }<BR><BR> </скрипт><BR> </голова><BR> <тело><BR> <form action="#" метод="получить"><BR> 1+1/2!+1/3!+1/4!....1/10!=<BR> <input type="button" value="Sum" onclick="sum(10);" /><BR> </form></p> <P></body><BR> </html></p> <P>В этом вопросе для вычисления суммы используются вызовы функций. Каждый должен это понять - -! Наше домашнее задание.</p> <P>Хорошо, это мой обзор на эту неделю, я надеюсь, что он будет полезен всем. Он определенно не является исчерпывающим и предназначен только для справки!</p></span> </div> </div> </section> <footer class="footer_template"> <div class="w12_box"> <div class="clearfix"> <div class="l_item"> <img src="https://images.downcodes.com/newdown/images/down-logo-foot.png" alt=""> <div class="f_icon"> <a href="https://www.facebook.com/"></a> <a href="https://telegram.org/"></a> <a href="https://www.tiktok.com/"></a> <a href="https://www.youtube.com/"></a> </div> </div> <div class="r_item"> <dl> <dt>Products & Services</dt> <dd><a href="javascript:;">Install APK</a></dd> <dd><a href="javascript:;">APK signature verification</a></dd> <dd><a href="javascript:;">APK Download Service</a></dd> </dl> <dl> <dt>Company</dt> <dd><a href="javascript:;">Developer Console</a></dd> <dd><a href="javascript:;">Submit APK</a></dd> <dd><a href="javascript:;">Monetization of traffic through downcodes</a></dd> </dl> <dl> <dt>Legal</dt> <dd><a href="javascript:;">About us</a></dd> <dd><a href="javascript:;">Contact Us</a></dd> <dd><a href="javascript:;">Cooperation</a></dd> </dl> </div> </div> <p>© 2006-2024Copyright All rights reserves</p> </div> </footer>  <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//tongji.zhangwan.net/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '3']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-5D64MDP2H8"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-5D64MDP2H8'); </script> </body> <script src="/newdown/js/jquery.js" type="text/javascript" charset="utf-8"></script> <script src="/newdown/js/lazy.js" type="text/javascript" charset="utf-8"></script> <script src="/newdown/js/index.js" type="text/javascript" charset="utf-8"></script> </html>