Angular Material卡片

<pre><code class="lang-html"><html lang = en> <head> <link rel = stylesheet href = https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css> <script src = https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js></script> <script src = https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js></script> <script src = https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js></script> <script src = https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js></script> <script src = https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js></script> <link rel = stylesheet href = https://fonts.googleapis.com/icon?family=Material+Icons> <script language = javascript> angular .module('firstApplication', ['ngMaterial']) .controller('cardController', cardController); function cardController ($scope) { } </script> </head> <body ng-app = firstApplication> <md-card> <img ng-src = /html5/images/html5-mini-logo.jpg class = md-card-image alt = Learn HTML5> <md-card-header> <md-card-avatar> <img class = md-user-avatar src = /html5/images/html5-mini-logo.jpg> </md-card-avatar> <md-card-header-text> <span class = md-title>HTML5</span> <span class = md-subhead>Learn HTML5 @TutorialsPoint.com</span> </md-card-header-text> </md-card-header> <md-card-title> <md-card-title-text> <span class = md-headline>HTML5</span> </md-card-title-text> </md-card-title> <md-card-actions layout = row layout-align = start center> <md-button>Download</md-button> <md-button>Start</md-button> <md-card-icon-actions> <md-button class = md-icon-button aria-label = icon> <md-icon class = material-icons>add</md-icon> </md-button> </md-card-icon-actions> </md-card-actions> <md-card-content> <p>HTML5 is the next major revision of the HTML standard superseding HTML 4.01, XHTML 1.0, and XHTML 1.1. HTML5 is a standard for structuring and presenting content on the World Wide Web.</p> <p>HTML5 is a cooperation between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG).</p> </p>The new standard incorporates features like video playback and drag-and-drop that have been previously dependent on third-party browser plug-ins such as Adobe Flash, Microsoft Silverlight, and Google Gears.</p> </md-card-content> </md-card> </body> </html> </code></pre>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


<pre><code class=\"lang-html\"><html lang = "en"> <head> <link rel = "stylesheet"
<pre><code class=\"lang-html\"><html lang = "en"> <head> <link rel = "stylesheet"
<pre><code class=\"lang-html\"><html lang = "en"> <head> <link rel = "stylesheet"
<pre><code class=\"lang-html\"><html lang = "en"> <head> <link rel = "stylesheet"
<pre><code class=\"lang-html\"><html lang = "en" > <head> <link rel = "stylesheet"
<pre><code class=\"lang-html\"><html lang = "en"> <head> <link rel = "stylesheet"
<pre><code class=\"lang-html\"><html lang = "en"> <head> <link rel = "stylesheet"
<pre><code class=\"lang-html\"><html lang = "en"> <head> <link rel = "stylesheet"
<pre><code class=\"lang-html\"><html lang = "en"> <head> <link rel = "stylesheet"
<pre><code class=\"lang-html\"><html lang = "en"> <head> <link rel = "stylesheet"
<pre><code class=\"lang-html\"><html lang = "en"> <head> <link rel = "stylesheet"
<pre><code class=\"lang-html\"><html lang = "en"> <head> <link rel = "stylesheet"
<pre><code class=\"lang-html\"><html lang = "en"> <head> <link rel = "stylesheet"
<pre><code class=\"lang-html\"><html lang = "en"> <head> <link rel = "stylesheet"
<pre><code class=\"lang-html\"><html lang = "en"> <head> <link rel = "stylesheet"
<pre><code class=\"lang-html\"><html lang = "en"> <head> <link rel = "stylesheet"
<pre><code class=\"lang-html\"><html lang = "en"> <head> <link rel = "stylesheet"
<pre><code class=\"lang-html\"><html lang = "en"> <head> <link rel = "stylesheet"
<pre><code class=\"lang-html\"><html lang = "en"> <head> <link rel = "stylesheet"
<pre><code class=\"lang-html\"><html lang = "en"> <head> <link rel = "stylesheet"