background preloader

HTML - CSS

Facebook Twitter

XHTML. XHTML (Extensible HyperText Markup Language) is a family of XML markup languages that mirror or extend versions of the widely used Hypertext Markup Language (HTML), the language in which web pages are written. While HTML (prior to HTML5) was defined as an application of Standard Generalized Markup Language (SGML), a very flexible markup language framework, XHTML is an application of XML, a more restrictive subset of SGML. Because XHTML documents need to be well-formed, they can be parsed using standard XML parsers—unlike HTML, which requires a lenient HTML-specific parser.

XHTML 1.0 became a World Wide Web Consortium (W3C) Recommendation on January 26, 2000. XHTML 1.1 became a W3C Recommendation on May 31, 2001. The standard known as XHTML5 is currently developed as XML serialization of HTML5 spec.[1][2] Overview[edit] However, in 2005, the Web Hypertext Application Technology Working Group (WHATWG) formed, independently of the W3C, to work on advancing ordinary HTML not based on XHTML. Css selectors - In CSS what is the difference between "." and "#" when declaring a set of styles.

"Как сделать сайт самому" - пособие для чайников. Элемент base. Элемент <base> не выводит никакого контента и выполняет исключительно служебную функцию — позволяет указать базовый URL, относительно которого будут устанавливаться другие адреса, например, для изображений и ссылок. Также <base> задаёт значение атрибута target, которое по умолчанию применяется ко всем ссылкам. В документе разрешается иметь только один <base>. Атрибут href Предположим, все изображения для наших документов хранятся в папке assets/images. Пример 1. <! Хотя в данном примере путь к файлу задан как figure.jpg в действительности его надо понимать как /example/images/figure.jpg. В данном случае атрибут href будет действовать на все адреса, используемые в документе, включая ссылки, поэтому на них путь, заданный в <base> также будет распространяться.

Из-за того, что <base> влияет на все используемые ниже него адреса, его рекомендуется ставить в <head> раньше элементов со ссылками. В качестве значения можно использовать и адрес сайта, как показано в примере 2. Пример 2. <! Рис. 1. <! <! Paste Date Time Picker. Home / Free JavaScripts / Clocks, Calendars, And Timers / Here Description: Date Time Picker allows your visitors to easily input a date/time into a form field, by selecting it from a popup window. Supports output dates in various formats such as: dd/MM/yyyy, dd/MMM/yyyy, MM/dd/yyyy etc. An extremely versatile script. Example: 1) Date (MM-dd-yyyy) HTML code: <input id="demo1" type="text" size="25"><a href="javascript:NewCal('demo1','ddmmyyyy')"><img src="images/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a> 2) Date & Time(12-Hour) (dd-MMM-yyyy hh:mm:ss) HTML code: <input id="demo2" type="text" size="25"><a href="javascript:NewCal('demo2','ddmmmyyyy',true,12)"><img src="images/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a> 3) Date & Time(24-Hour) (dd-MM-yyyy HH:mm:ss) HTML code: <input id="demo3" type="text" size="25"><a href="javascript:NewCal('demo3','ddmmmyyyy',true,24)"><img src="images/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a>

HTML5. УЧЕБНИК HTML 5. Скачать учебник по html 5 css 3 и Web 2.0. Автор: Дронов В. А. год издания: 2011 жанр: учебник язык: русский самоучитель объемом: 416стр. формат: pdf размер файла: 10.8Mb Учебник HTML 5 затрагивает самые современные веяния и тенденции в области web-разработки. Предлагается четкое разделение в практическом применении языков HTML и CSS. Первому отводится роль, как средству создания содержимого web-страниц. А языку CSS, исключительно, как инструменту представления этого содержимого, или его визуализации. Важную роль в учебнике по HTML 5 играет подробное обоснование концепции, которую еще именуют Web 2.0. Вот лишь некоторые нововведения HTML 5 и CSS 3, представляющие интерес для web-дизайнеров: возможность рисования на web-страницах; верстка многоколоночных макетов; существенно упрощенная вставка мультимедиа; улучшенная работа с web-страницей в автономном режиме.

Сделать это позволит написание минимума кода на языке JavaScript, использовав библиотеку Ext Core. Изучение материала учебника HTML строится на практических примерах. Forms : Hidden Field. HTML5 Security Cheat Sheet. Last revision (mm/dd/yy): 09/9/2015 The following cheat sheet serves as a guide for implementing HTML 5 in a secure fashion. Web Messaging Web Messaging (also known as Cross Domain Messaging) provides a means of messaging between documents from different origins in a way that is generally safer than the multiple hacks used in the past to accomplish this task. However, there are still some recommendations to keep in mind: Cross Origin Resource Sharing WebSockets Drop backward compatibility in implemented client/servers and use only protocol versions above hybi-00.

Server-Sent Events Validate URLs passed to the EventSource constructor, even though only same-origin URLs are allowed. Local Storage Client-side databases It is possible to have a fine-grained control over iframe capabilities using the value of the sandbox attribute. In old versions of user agents where this feature is not supported, this attribute will be ignored. X-Frame-Options X-XSS-Protection Strict Transport Security Origin. Font-family | css.manual.ru. Свойство font-family позволяет выбрать шрифт для отображения текста. Можно указать несколько названий шрифтов через запятую, тогда браузер воспользуется первым шрифтом из списка, найденным на компьютере пользователя. Если в имени шрифта есть пробелы, его необходимо заключить в двойные или одинарные кавычки.

На тот случай, когда ни один из перечисленных в списке шрифтов у клиента не установлен, рекомендуется в конце списка добавлять имя семейства шрифтов, например: serif, sans-serif, monospace, fantasy или cursive. Пример Если ни Courier, ни Courier New не установлены, браузер самостоятельно подберёт из имеющихся какой-нибудь моноширинный (monospace) шрифт. Возможные значения имя шрифта Имя или имена популярных шрифтов через запятую, например, "Helvetica". семейство Одно из семейств шрифтов: serif, sans-serif, monospace, fantasy или cursive. inherit Заимствует значение свойства у родительского элемента.

Характеристики Значение по умолчанию: Зависит от web-браузера Применяется: Ко всем элементам. World Wide Web Consortium (W3C) URI Роутинг : CodeIgniter, руководство пользователя. Как правило есть соответствие один-к-одному между строкой URL и соответствующим контроллером/методом. Сегменты URL обычно формируются по этому шаблону: www.your-site.com/ class /function// Однако, в некоторых случаях, вы можете перенаправить адрес так, чтобы строка вида контроллер/метод указывала на совершенно другие места в приложении. Например, вы хотите чтобы ваши адреса соответствовали этому шаблону: www.your-site.com/product/1/ www.your-site.com/product/2/ www.your-site.com/product/3/ www.your-site.com/product/4/ Как правило второй сегмент адресной строки резервируется для имени функции, но в примере выше мы хотим использовать вместо него ID.

Установка правил собственной маршрутизации Правила маршрутизации объявляются в вашем файле . $route , при помощи которого вы сможете переопределить адреса. Маской или Регулярными Выражениями Маски Обычная маска маршрута может выглядеть примерно так: $route['product/:num'] = "catalog/product_lookup"; Вы можете использовать буквы или два типа заполнителя: Документация ExpressionEngine. Lab · CSSKarma. Backbone.js. Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.

The project is hosted on GitHub, and the annotated source code is available, as well as an online test suite, an example application, a list of tutorials and a long list of real-world projects that use Backbone. Backbone is available for use under the MIT software license. You can report bugs and discuss features on the GitHub issues page, on Freenode IRC in the #documentcloud channel, post questions to the Google Group, add pages to the wiki or send tweets to @documentcloud. Backbone is an open-source component of DocumentCloud. Downloads & Dependencies (Right-click, and use "Save As") Backbone's only hard dependency is Underscore.js ( >= 1.5.0). Introduction Many of the examples that follow are runnable.

Upgrading to 1.1. Adding YouTube Videos To Website, 4 Methods. This is the advanced example. It uses the jw flv player to create a flash proxy. This basically lets me control the youtube video as if it were a local .f4v file. With this method I can specify any options, autostart, volume, playlists, etc.. But it's rather complex so lets start with 3 other methods to embed YouTube video.

Flash Embedding Javascript ^ This javascript library is just like jquery, but for flash. Swfobject is the hybrid combination of the 2 famous flash javascript libraries used before flash 8: SWFObject 1.5, UFO and incorporates more functionality from the Adobe Flash Player Detection Kit. My work specializes in video/audio, mostly for tv/radio but more and more for the web.

Finding the YouTube Video ^ Just find the video you want on YouTube, press the embed button with privacy mode, and grab the url. So its, Javascript for Youtube NoCookie Embed ^ This javascript will create the flash player. XHTML Replacement Code ^ Tags ^ Learning to Love HTML5 - Smashing Magazine. Advertisement It seems that new resources and articles for teaching and promoting HTML5 are popping up almost daily. We’ve been given HTML5 templates in the form of the HTML5 boilerplate1 and HTML5 Reset2 (although they both go beyond just HTML5 stuff). We’ve got a plethora of books3 to choose from that cover HTML5 and its related technologies. We’ve got shivs4, galleries5, and a physician6 to help heal your HTML5 maladies. And don’t forget the official spec7. From my own vantage point — aside from a few disputes8 about what the term “HTML5″ should and shouldn’t mean — the web design and development community has for the most part embraced all the new technologies and semantics with a positive attitude.

Flickr Photo by Jeremy Keith9 While it’s certainly true that HTML5 has the potential to change the web for the better, the reality is that these kinds of major changes can be difficult to grasp and embrace. The Good (and Easy) Parts An <article> Isn’t Just an Article Section or Article? Ultimate CSS Gradient Generator - ColorZilla.com.

jQuery