cc

Images in HTML - Learn web development | MDN

That's all for now. We have covered images and captions in detail. In the next article, we'll move it up a gear, looking at how to use HTML to embed video and audio content in web pages....a suitable Creative Commons (CC) license , you do not need to...

developer.mozilla.org/en-US/docs/Learn/HTML/Mul...

more..
从 object 到 iframe——其他嵌入技术 - 学习 Web 开发 | MDN

现在，你应该已经掌握了将图像、视频和音频嵌入到网页上的诀窍了。此刻，让我们继续深入学习，来看一些能让你在网页中嵌入各种类型内容的元素：、<embed> 和 <object> 元素。<iframe> 用于嵌入其他网页，另外两个元素则用于嵌入外部资源，例如 PDF 文件。...例如，MDN 上的内容遵守 <strong>CC</strong>-BY-SA 许可，这意味着，如果你要引用我们的内容，就必须...</h3></div> </div> <div class="site text-truncate"> <cite>developer.mozilla.org/zh-CN/docs/Learn/HTML/Mul...</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> <li id="result3"> <h2 class="title text-truncate"> <a class="link" href="https://developer.mozilla.org/ja/docs/Web/HTML/Element/script" data-uri="https://developer.mozilla.org/ja/docs/Web/HTML/Element/script" data-order="0"><script>: スクリプト要素 - HTML: ハイパーテキストマークアップ言語 | MDN</a> </h2> <div class="body"> <div class="description"><h3><script> は HTML の要素で、実行できるコードやデータを埋め込むために使用します。ふつうは JavaScript のコードの埋め込みや参照に使用されます。 <script> 要素は WebGL の GLSL shader プログラミング言語、 JSON 等の他の言語にも使用することができます。... この画像は HTML 仕様書から取得したもので、 <strong>CC</strong> BY 4.0 ライセンス規定に基づいて縮小のためにコピーし切り抜いたものです。...</h3></div> </div> <div class="site text-truncate"> <cite>developer.mozilla.org/ja/docs/Web/HTML/Element/...</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> <li id="result4"> <h2 class="title text-truncate"> <a class="link" href="https://developer.mozilla.org/de/docs/Learn/HTML/Multimedia_and_embedding/Images_in_HTML" data-uri="https://developer.mozilla.org/de/docs/Learn/HTML/Multimedia_and_embedding/Images_in_HTML" data-order="0">Bilder in HTML - Webentwicklung lernen | MDN</a> </h2> <div class="body"> <div class="description"><h3>Am Anfang bestand das Web nur aus Text, und es war wirklich ziemlich langweilig. Glücklicherweise dauerte es nicht lange, bis die Möglichkeit hinzukam, Bilder (und andere interessantere Arten von Inhalten) in Webseiten einzubetten. Es ist logisch, mit dem bescheidenen <img>-Element zu beginnen, das verwendet wird, um ein Bild in eine Webseite einzubetten, aber es gibt auch andere Arten von Multimedia zu berücksichtigen. In diesem Artikel betrachten wir eingehend, wie Sie es verwenden, einschließlich der Grundlagen, der Annotation von Bildern mit Bildunterschriften mittels <figure>, und wie es sich zu CSS-Hintergrundbildern verhält, und führen in andere Grafiken ein, die der Webplattform zur Verfügung stehen....geeigneten Creative Commons (<strong>CC</strong>) Lizenz , müssen Sie keine Lizenzgebühr...</h3></div> </div> <div class="site text-truncate"> <cite>developer.mozilla.org/de/docs/Learn/HTML/Multim...</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> <li id="result5"> <h2 class="title text-truncate"> <a class="link" href="https://reference.groupdocs.com/editor/net/groupdocs.editor.options/index.xml" data-uri="https://reference.groupdocs.com/editor/net/groupdocs.editor.options/index.xml" data-order="0">index.xml</a> </h2> <div class="body"> <div class="description"><h3>2.0 http://www.w3.org/2005/Atom Groupdocs API References – GroupDocs.Editor.Options https://reference.groupdocs.com/editor/net/groupdocs.editor.options/ Recent content in GroupDocs.Editor.Options o......of the mail message <strong>Cc</strong> 10 Process all <strong>CC</strong> recipients of the mail...</h3></div> </div> <div class="site text-truncate"> <cite>reference.groupdocs.com/editor/net/groupdocs.ed...</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> <li id="result6"> <h2 class="title text-truncate"> <a class="link" href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_colors/Color_values" data-uri="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_colors/Color_values" data-order="0">CSS color values - CSS: Cascading Style Sheets ...</a> </h2> <div class="body"> <div class="description"><h3>To represent a color in CSS, you have to find a way to translate the analog concept of "color" into a digital form that a computer can use. This is typically done by breaking the color down into components, such as amounts of different primary colors to mix together, or brightness and hue. Defined color models ensure that colors will appear the same no matter where they are rendered....Wikipedia , distributed under the <strong>CC</strong> BY-SA 3.0 license. The value...</h3></div> </div> <div class="site text-truncate"> <cite>developer.mozilla.org/en-US/docs/Web/CSS/CSS_co...</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> <li id="result7"> <h2 class="title text-truncate"> <a class="link" href="https://github.com/mdn/content/blob/main/files/en-us/learn/html/multimedia_and_embedding/images_in_html/index.md?plain=1" data-uri="https://github.com/mdn/content/blob/main/files/en-us/learn/html/multimedia_and_embedding/images_in_html/index.md?plain=1" data-order="0">content/files/en-us/learn/html/multimedia_and_e...</a> </h2> <div class="body"> <div class="description"><h3>The content behind MDN Web Docs. Contribute to mdn/content development by creating an a<strong>Cc</strong>ount on GitHub....a suitable [Creative Commons (<strong>CC</strong>) license](https://chooser-beta...</h3></div> </div> <div class="site text-truncate"> <cite>github.com/mdn/content/blob/main/files/en-us/le...</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> <li id="result8"> <h2 class="title text-truncate"> <a class="link" href="https://purchase.groupdocs.com/chunk-ZJCPDNFW.js" data-uri="https://purchase.groupdocs.com/chunk-ZJCPDNFW.js" data-order="0">chunk-ZJCPDNFW.js</a> </h2> <div class="body"> <div class="description"><h3>var tj=Object.create;var Ph=Object.defineProperty,ij=Object.defineProperties,nj=Object.getOwnPropertyDescri,rj=Object.getOwnPropertyDescri,oj=Object.getOwnPropertyNames,kh=Object.getOwnPropertySymb......ND=Zt({__NG_ENV_ID__:Zt});function <strong>cc</strong>(i){return typeof i=="string"...type.name||i.type.toString():<strong>cc</strong>(i)}function a$(i,e){let n=e?`...</h3></div> </div> <div class="site text-truncate"> <cite>purchase.groupdocs.com/chunk-ZJCPDNFW.js</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> <li id="result9"> <h2 class="title text-truncate"> <a class="link" href="https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content" data-uri="https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content" data-order="0">视频和音频内容 - 学习 Web 开发 | MDN</a> </h2> <div class="body"> <div class="description"><h3>现在我们已经可以轻松地为网页添加简单的图像，下一步我们开始为 HTML 文档添加音频和视频播放器。在这篇文章中，我们会使用 <video> 和 <audio> 元素来完成这件事；然后我们还会了解如何为视频添加标题/字幕。...注意，若想要显示字幕，你需要点击“<strong>CC</strong>”按钮，并且选择某个选项（English、Deutsch 或...</h3></div> </div> <div class="site text-truncate"> <cite>developer.mozilla.org/zh-CN/docs/Learn/HTML/Mul...</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> <li id="result10"> <h2 class="title text-truncate"> <a class="link" href="https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types" data-uri="https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types" data-order="0">Image file type and format guide - Web media te...</a> </h2> <div class="body"> <div class="description"><h3>In this guide, we'll cover the image file types generally supported by web browsers, and provide insights that will help you select the most appropriate formats to use for your site's imagery....Attribution-ShareAlike license ( <strong>CC</strong>-BY-SA ) version 3.0 or later...</h3></div> </div> <div class="site text-truncate"> <cite>developer.mozilla.org/en-US/docs/Web/Media/Form...</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> </ol> </div> </div>  <div class="row"> <nav id="subfooter"> <ul class="pagination"> <li class="page-item" aria-label="Previous"> <a class="page-link" href="/q/CC-72.html"> <span aria-hidden="true">«</span> <span class="sr-only">Prev</span> </a> </li> <li class="page-item"> <a href="/q/CC-68.html" class="page-link">68</a> </li> <li class="page-item"> <a href="/q/CC-69.html" class="page-link">69</a> </li> <li class="page-item"> <a href="/q/CC-70.html" class="page-link">70</a> </li> <li class="page-item"> <a href="/q/CC-71.html" class="page-link">71</a> </li> <li class="page-item"> <a href="/q/CC-72.html" class="page-link">72</a> </li> <li class="page-item active"> <a href="/q/CC-73.html" class="page-link">73</a> </li> <li class="page-item"> <a href="/q/CC-74.html" class="page-link">74</a> </li> <li class="page-item"> <a href="/q/CC-75.html" class="page-link">75</a> </li> <li class="page-item"> <a href="/q/CC-76.html" class="page-link">76</a> </li> <li class="page-item"> <a href="/q/CC-77.html" class="page-link">77</a> </li> <li class="page-item"> <a href="/q/CC-78.html" class="page-link">78</a> </li> <li class="page-item"><a href="/q/CC-74.html" class="page-link"><span class="sr-only">Next</span> <span aria-hidden="true">»</span></a></li> </ul> </nav> </div>  </div></div> <div id="back-top"><a href="#top" class="backtop" style="cursor: pointer; display: inline;"> </a></div> <div id=DynabicMenuFooter></div>  <script src="/static/vendors/jquery/v2.2.3/jquery.min.js"></script>  <script>(function(i,s,o,g,r,a,m){i['ContainerizeMenuObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.append(a)})(window,document,'script','https://menu.containerize.com/scripts/engine.min.js?v=1.0.1','groupdocs-en');</script>  <script src="/static/vendors/bootstrap/v4.3.1/js/bootstrap.bundle.min.js"></script> <script type="text/javascript" src="/static/js/groupdocs/suggestor.js"></script> <script type="text/javascript" src="/static/js/groupdocs/index.js"></script> <script> $(function() { var isEnterClicked = false; $('.sideopen, #searchOptionsButton, #searchOptionsCloseButton').click(function(){ $('.sideopen').toggleClass('movebtn'); if(isEnterClicked === true){ $("#searchOptions").removeClass("active") } }); $('.searchinput').on('keypress', function(e) { var keycode = e.charCode || e.keyCode; if (keycode === 13) { // Trigger the button element with a click document.getElementById("searchButton").click(); // $("#searchOptions").removeClass('active'); isEnterClicked = true; } }); }); </script> </body> </html>

cc

Images in HTML - Learn web development | MDN

That's all for now. We have covered images and captions in detail. In the next article, we'll move it up a gear, looking at how to use HTML to embed video and audio content in web pages....a suitable Creative Commons (CC) license , you do not need to...

从 object 到 iframe——其他嵌入技术 - 学习 Web 开发 | MDN