教程
89个主题在此版面
-
欢迎使用本站积分系统！积分是本站的虚拟货币，可以用来解锁付费内容、购买资源、以及转赠给其他会员。本文将详细介绍积分的所有获取方式与消耗方式。 一、如何获得积分1. 注册奖励只要你完成账户注册并通过验证，系统就会自动发放一笔注册欢迎积分。这是你在本站获得的第一笔积分，开门红！ 2. 每日签到每天登录后前往签到页面完成签到，即可随机获得一定数量的积分。每天只能签到一次，坚持每天签到积累更多积分！ 3. 发帖/发布内容每当你在论坛发布新帖子、写新文章、上传图片等内容时，系统会自动奖励你一定数量的积分。内容创作越多，积分越多。（管理员可设置每日发帖奖励上限） 4. 回复/评论每次回复他人帖子或发表评论，也可以获得积分奖励。积极参与讨论，既能帮助他人，又能积累积分！（管理员可设置每日回复奖励上限） 5. 内容被点赞当其他会员对你发布的内容点赞时，你将自动获得积分奖励。内容质量越高、获得的点赞越多，赚取的积分也就越多。注意：自己给自己点赞不会获得奖励，且每日有获奖上限。 6. 出售付费资源如果你在资源下载区上传了付费文件，每当有人购买你的文件，你将自动获得销售分成（平台会保留一小部分作为手续费）。上传优质资源，持续被动收入！ 7. 充值购买积分你可以通过站内充值中心直接购买积分套餐。部分套餐在基础积分之外还会额外赠送bonus积分，购买越多越划算。 8. 消费返积分在本站商城消费真实货币时，可按一定比例换算获得积分返还（是否开启以管理员设置为准）。 9. 其他会员转账其他会员可以直接将积分转给你，转账到账的积分会实时更新到你的余额中。 10. 管理员…
-
- 0 篇回复
- 37 次查看
-
-
HTML Multimedia Multimedia on the web is sound, music, videos, movies, and animations. What is Multimedia? Multimedia comes in many different formats. It can be almost anything you can hear or see, like images, music, sound, videos, records, films, animations, and more. Web pages often contain multimedia elements of different types and formats. Browser Support The first web browsers had support for text only, limited to a single font in a single color. Later came browsers with support for colors, fonts, images, and multimedia! Multimedia Formats Multimedia elements (like audio or video) are stored in media files. The most common way to discover the type…
-
- 0 篇回复
- 21 次查看
-
-
HTML SVG Graphics SVG (Scalable Vector Graphics) SVG defines vector-based graphics in XML, which can be directly embedded in HTML pages. SVG graphics are scalable, and do not lose any quality if they are zoomed or resized: SVG is supported by all major browsers. What is SVG? SVG stands for Scalable Vector Graphics SVG is used to define vector-based graphics for the Web SVG defines graphics in XML format Each element and attribute in SVG files can be animated SVG is a W3C recommendation SVG integrates with other standards, such as CSS, DOM, XSL and JavaScript The <svg> Element The HTML <svg> element is a container for SVG graphics. …
-
- 0 篇回复
- 20 次查看
-
-
HTML - The Head Element The HTML <head> element is a container for the following elements: <title>, <style>, <meta>, <link>, <script>, and <base>. The HTML <head> Element The <head> element is a container for metadata (data about data) and is placed between the <html> tag and the <body> tag. HTML metadata is data about the HTML document. Metadata is not displayed on the page. Metadata typically define the document title, character set, styles, scripts, and other meta information. The HTML <title> Element The <title> element defines the title of the document. The title must be text…
-
- 0 篇回复
- 22 次查看
-
-
HTML - What is a Web API? A Web API is a developer's dream. It can extend the functionality of the browser It can greatly simplify complex functions It can provide easy syntax to complex code What is Web API? API stands for Application Programming Interface. An API is some kind of interface that includes a set of functions and subroutines that allow programmers to access specific features or data of an application, operating system or other services. A Web API is an application programming interface for the Web. HTML APIs All browsers have a set of built-in Web APIs to support complex operations, and to help accessing data. Here are some of the main HT…
-
- 0 篇回复
- 24 次查看
-
-
HTML <!DOCTYPE> The HTML Document Type All HTML documents must start with a <!DOCTYPE> declaration. The declaration is not an HTML tag. It is an "information" to the browser about what document type to expect. In HTML5, the <!DOCTYPE> declaration is simple: <!DOCTYPE html> In older documents (HTML 4 or XHTML), the declaration is more complicated because the declaration must refer to a DTD (Document Type Definition). <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> You …
-
- 0 篇回复
- 25 次查看
-
-
HTML Accessibility HTML Accessibility Always write HTML code with accessibility in mind! Provide the user a good way to navigate and interact with your site. Make your HTML code as semantic as possible. Semantic HTML Semantic HTML means using correct HTML elements for their correct purpose as much as possible. Semantic elements are elements with a meaning; if you need a button, use the <button> element (and not a <div> element). Semantic <button>Report an Error</button> Non-semantic <div>Report an Error</div> Semantic HTML gives context to screen readers, which read the contents of a page out loud. Wit…
-
- 0 篇回复
- 22 次查看
-
-
HTML Attribute Reference HTML Attribute Reference The table below lists all HTML attributes and what elements they can be used within: Attribute Belongs to Description accept <input> Specifies the types of files that the server accepts (only for type="file") accept-charset <form> Specifies the character encodings that are to be used for the form submission accesskey Global Attributes Specifies a shortcut key to activate/focus an element action <form> Specifies where to send the form-data when a form is submitted align Not supported in HTML 5. Specifies the alignment according to surrounding elements. Use CSS instead alt <area…
-
- 0 篇回复
- 26 次查看
-
-
HTML Attributes HTML attributes provide additional information about HTML elements. HTML Attributes All HTML elements can have attributes Attributes provide additional information about elements Attributes are always specified in the start tag Attributes usually come in name/value pairs like: name="value" The href Attribute The <a> tag defines a hyperlink. The href attribute specifies the URL of the page the link goes to: Example <a href="https://www.w3schools.com">Visit W3Schools</a> You will learn more about links in our HTML Links chapter. The src Attribute The <img> tag is used to embed an image in an HTML page. T…
-
- 0 篇回复
- 23 次查看
-
-
HTML Audio The HTML <audio> element is used to play an audio file on a web page. The HTML <audio> Element To play an audio file in HTML, use the <audio> element: Example <audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> HTML Audio - How It Works The controls attribute adds audio controls, like play, pause, and volume. The <source> element allows you to specify alternative audio files which the browser may choose from. The browser will use the first recognized format. The text between th…
-
- 0 篇回复
- 29 次查看
-
-
HTML Audio/Video DOM Reference HTML Audio and Video DOM Reference The HTML5 DOM has methods, properties, and events for the <audio> and <video> elements. HTML Audio/Video Methods Method Description addTextTrack() Adds a new text track to the audio/video canPlayType() Checks if the browser can play the specified audio/video type load() Re-loads the audio/video element play() Starts playing the audio/video pause() Pauses the currently playing audio/video HTML Audio/Video Properties Property Description audioTracks Returns an AudioTrackList object representing available audio tracks autoplay Sets or returns whe…
-
- 0 篇回复
- 36 次查看
-
-
HTML Basic Examples In this chapter we will show some basic HTML examples. Don't worry if we use tags you have not learned about yet. HTML Documents All HTML documents must start with a document type declaration: <!DOCTYPE html>. The HTML document itself begins with <html> and ends with </html>. The visible part of the HTML document is between <body> and </body>. Example <!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> The <!DOCTYPE> Declaration The <!DOCTYPE> declaration represents the document type, and help…
-
- 0 篇回复
- 23 次查看
-
-
HTML Block and Inline Elements Every HTML element has a default display value, depending on what type of element it is. The two most common display values are block and inline. Block-level Elements A block-level element always starts on a new line, and the browsers automatically add some space (a margin) before and after the element. A block-level element always takes up the full width available (stretches out to the left and right as far as it can). Two commonly used block elements are: <p> and <div>. The <p> element defines a paragraph in an HTML document. The <div> element defines a division or a section in an HTML document. Th…
-
- 0 篇回复
- 23 次查看
-
-
HTML Buttons Buttons let users interact with a web page. They can submit forms, run JavaScript, or trigger different actions when clicked. HTML Button The HTML <button> element defines a clickable button. By itself, the button does nothing until you add an action to it. Example <button>Click Me</button> Styling HTML Buttons Buttons are often styled with CSS: Example <button class="mytestbtn">Green Button</button> Disabled Buttons Use the disabled attribute to make a button unclickable: Example <button disabled>Disabled Button</button> Tip: Disabled buttons cannot be clicked and usually a…
-
- 0 篇回复
- 21 次查看
-
-
HTML Canvas Graphics Your browser does not support the <canvas> element. The HTML <canvas> element is used to draw graphics on a web page. The graphic to the left is created with <canvas>. It shows four elements: a red rectangle, a gradient rectangle, a multicolor rectangle, and a multicolor text. What is HTML Canvas? The HTML <canvas> element is used to draw graphics, on the fly, via JavaScript. The <canvas> element is only a container for graphics. You must use JavaScript to actually draw the graphics. Canvas has several methods for drawing paths, boxes, circles, text, and adding images. Canvas is supported by all major b…
-
- 0 篇回复
- 21 次查看
-
-
HTML Canvas Reference The <canvas> element defines a bitmapped area in an HTML page. The Canvas API allows JavaScript to draw graphics on the canvas. The Canvas API can draw shapes, lines, curves, boxes, text, and images, with colors, rotations, transparencies, and other pixel manipulations. You can add a canvas element anywhere in an HTML page with the <canvas> tag: Example <canvas id="myCanvas" width="300" height="150"></canvas> You can access a <canvas> element with the HTML DOM method getElementById(). To draw in the canvas you need to create a 2D context object: const myCanvas = document.getElementById("myCanvas");…
-
- 0 篇回复
- 25 次查看
-
-
HTML Character Sets Common HTML Character Sets The default character set in HTML5 is UTF-8. For a closer look, visit our Complete HTML Character Set Reference. Number ASCII ANSI 8859-1 UTF-8 Description 32 space 33!!!!exclamation mark 34""""quotation mark 35####number sign 36$$$$dollar sign 37%%%%percent sign 38&&&&ersand 39''''apostrophe 40((((left parenthesis 41))))right parenthesis 42****asterisk 43++++plus sign 44,,,,comma 45----hyphen-minus 46....full stop 47////solidus 480000digit zero 491111digit one 502222digit two 513333digit three 524444digit four 535555digit five 546666digit six 557777digit seven 568888digit eight 579999digit ni…
-
- 0 篇回复
- 29 次查看
-
-
HTML class Attribute The HTML class attribute is used to specify a class for an HTML element. Multiple HTML elements can share the same class. The class Attribute The class attribute is often used to point to a class name in a style sheet. It can also be used by JavaScript to access and manipulate elements with the specific class name. In the following example we have three <div> elements with a class attribute with the value of "city". All of the three <div> elements will be styled equally according to the .city style definition in the head section: Example <!DOCTYPE html> <html> <head> <style> .city { backgroun…
-
- 0 篇回复
- 21 次查看
-
-
HTML Code Challenges Test your HTML skills with code challenges from all categories: Code Challenges Loading challenges...
-
- 0 篇回复
- 19 次查看
-
-
HTML Color Names Color Names Supported by All Browsers All modern browsers support the following 140 color names (click on a color name, or a hex value, to view the color as the background-color along with different text colors): For a full overview of HTML colors, visit our colors tutorial. AliceBlue #F0F8FF Color Mixer Color Picker AntiqueWhite #FAEBD7 Color Mixer Color Picker Aqua #00FFFF Color Mixer Color Picker Aquamarine #7FFFD4 Color Mixer Color Picker …
-
- 0 篇回复
- 24 次查看
-
-
HTML Colors HTML colors are specified with predefined color names, or with RGB, HEX, HSL, RGBA, or HSLA values. Color Names In HTML, a color can be specified by using a color name: Tomato Orange DodgerBlue MediumSeaGreen Gray SlateBlue Violet LightGray Try it Yourself » HTML supports 140 standard color names. Background Color You can set the background color for HTML elements: Hello World Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis n…
-
- 0 篇回复
- 19 次查看
-
-
HTML Comments HTML comments are not displayed in the browser, but they can help document your HTML source code. HTML Comment Tag You can add comments to your HTML source by using the following syntax: <!-- Write your comments here --> Notice that there is an exclamation point (!) in the start tag, but not in the end tag. Note: Comments are not displayed by the browser, but they can help document your HTML source code. Add Comments With comments you can place notifications and reminders in your HTML code: Example <!-- This is a comment --> <p>This is a paragraph.</p> <!-- Remember to add more information here --> …
-
- 0 篇回复
- 22 次查看
-
-
HTML Computer Code Elements HTML contains several elements for defining user input and computer code. Example <code> x = 5; y = 6; z = x + y; </code> HTML <kbd> For Keyboard Input The HTML <kbd> element is used to define keyboard input. The content inside is displayed in the browser's default monospace font. Example Define some text as keyboard input in a document: <p>Save the document by pressing <kbd>Ctrl + S</kbd></p> Result: Save the document by pressing Ctrl + S HTML <samp> For Program Output The HTML <samp> element is used to define sample output from a computer program. The c…
-
- 0 篇回复
- 26 次查看
-
-
HTML Div Element The <div> element is used as a container for other HTML elements. The <div> Element The <div> element is by default a block element, meaning that it takes all available width, and comes with line breaks before and after. Example A <div> element takes up all available width: Lorem Ipsum <div>I am a div</div> dolor sit amet. Result Lorem Ipsum I am a div dolor sit amet. The <div> element has no required attributes, but style, class and id are common. <div> as a container The <div> element is often used to group sections of a web page together. Example A <div>…
-
- 0 篇回复
- 25 次查看
-
-
HTML Drag and Drop API The HTML Drag and Drop API enables an element to be dragged and dropped. Example Drag the W3Schools image into the second rectangle. Drag and Drop Drag and drop is a very common feature. It is when you "grab" an object and drag it to a different location. Browser Support The numbers in the table specify the first browser version that fully supports Drag and Drop. API Drag and Drop 4.0 9.0 3.5 6.0 12.0 HTML Drag and Drop API Example The example below is a simple drag and drop example: Example <!DOCTYPE HTML> <html> <head>…
-
- 0 篇回复
- 21 次查看
-
