教程
89个主题在此版面
-
HTML JavaScript JavaScript makes HTML pages more dynamic and interactive. Example My First JavaScript Click me to display Date and Time The HTML <script> Tag The HTML <script> tag is used to define a client-side script (JavaScript). The <script> element either contains script statements, or it points to an external script file through the src attribute. Common uses for JavaScript are image manipulation, form validation, and dynamic changes of content. To select an HTML element, JavaScript most often uses the document.getElementById() method. This JavaScript example writes "Hello JavaScript!" into an HTML element with id="demo": E…
-
- 0 篇回复
- 26 次查看
-
-
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 篇回复
- 26 次查看
-
-
HTML Images Images can improve the design and the appearance of a web page. Example <img src="pic_trulli.jpg" alt="Italian Trulli"> Example <img src="img_girl.jpg" alt="Girl in a jacket"> Example <img src="img_chania.jpg" alt="Flowers in Chania"> HTML Images Syntax The HTML <img> tag is used to embed an image in a web page. Images are not technically inserted into a web page; images are linked to web pages. The <img> tag creates a holding space for the referenced image. The <img> tag is empty, it contains attributes only, and does not have a closing tag. The <img> tag has …
-
- 0 篇回复
- 26 次查看
-
-
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 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 Forms An HTML form is used to collect user input. The user input is most often sent to a server for processing. Example The <form> Element The HTML <form> element is used to create an HTML form for user input: <form> . form elements . </form> The <form> element is a container for different types of input elements, such as: text fields, checkboxes, radio buttons, submit buttons, etc. All the different form elements are covered in this chapter: HTML Form Elements. The <input> Element The HTML <input> element is the most used form element. An <input> element can be displayed in …
-
- 0 篇回复
- 26 次查看
-
-
HTML Reference - Browser Support HTML Reference With Browser Support The table below lists all HTML elements and their attributes, along with browser support: <a> Yes Yes Yes Yes Yes download 14.0 18.0 20.0 10.1 15.0 href Yes Yes Yes Yes Yes hreflang Yes Yes Yes Yes Yes media Yes Yes Yes Yes Yes ping Yes No Yes No Yes referrerpolicy 51.0 79.0 50.0 11.1 38.0 rel Yes Yes Yes Yes …
-
- 0 篇回复
- 26 次查看
-
-
HTML Versus XHTML XHTML is a stricter, more XML-based version of HTML. What is XHTML? XHTML stands for EXtensible HyperText Markup Language XHTML is a stricter, more XML-based version of HTML XHTML is HTML defined as an XML application XHTML is supported by all major browsers Why XHTML? XML is a markup language where all documents must be marked up correctly (be "well-formed"). XHTML was developed to make HTML more extensible and flexible to work with other data formats (such as XML). In addition, browsers ignore errors in HTML pages, and try to display the website even if it has some errors in the markup. So XHTML comes with a much stricter error handling.…
-
- 0 篇回复
- 25 次查看
-
-
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 篇回复
- 25 次查看
-
-
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 Server-Sent Events API The Server-Sent Events (SSE) API enables pushing messages/updates from a server to the web page via HTTP connection. Server-Sent Events - One Way Messaging A server-sent event is when a web page automatically gets messages/updates from a server. Normally, a web page has to request data from the server, but with server-sent events, the updates are pushed automatically. Examples: Facebook/Twitter updates, stock market updates, news feeds, sport results, etc. Browser Support The numbers in the table specify the first browser version that fully support the Server-Sent Events API. API …
-
- 0 篇回复
- 25 次查看
-
-
HTML Online Editor HTML Editor With our online HTML editor, you can edit HTML, CSS and JavaScript code, and view the result in your browser. Run » Size: Example <!DOCTYPE html> <html> <title>HTML Tutorial</title> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html> This is a Heading This is a paragraph. Try it Yourself » Click on the "Try it Yourself" button to see how it works. Publish Your Code If you want to save your HTML, CSS and JavaScript code, and create your own website, check out W3Schools Spaces. W3Schools Spaces …
-
- 0 篇回复
- 25 次查看
-
-
HTML Global Attributes HTML Global Attributes The global attributes are attributes that can be used with all HTML elements. Attribute Description accesskey Specifies a shortcut key to activate/focus an element class Specifies one or more classnames for an element (refers to a class in a style sheet) contenteditable Specifies whether the content of an element is editable or not data-* Used to store custom data private to the page or application dir Specifies the text direction for the content in an element draggable Specifies whether an element is draggable or not enterkeyhint Specifies the text of the enter-key on a virtual keyboard hidden Specifie…
-
- 0 篇回复
- 25 次查看
-
-
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 Responsive Web Design Responsive web design is about creating web pages that look good on all devices! A responsive web design will automatically adjust for different screen sizes and viewports. What is Responsive Web Design? Responsive Web Design is about using HTML and CSS to automatically resize, hide, shrink, or enlarge, a website, to make it look good on all devices (desktops, tablets, and phones): Try it Yourself » Setting The Viewport To create a responsive website, add the following <meta> tag to all your web pages: Example <meta name="viewport" content="width=device-width, initial-scale=1.0"> This will set the viewport of…
-
- 0 篇回复
- 25 次查看
-
-
HTML Study Plan Introduction The HTML study plan helps you teach your students HTML step-by-step. Creating a study plan for HTML is easy. You can use a pre-built study plan or customize it. Students have different skill levels. The study plans can be customized to ensure that everyone is challenged. Save time with pre-built teacher materials and study plans. Easily organize your class with a timeline from the introduction of HTML to the final exam. W3Schools Academy This study plan is a feature of W3Schools Academy. W3Schools Academy is a platform that has everything you need to teach coding, all in one place. It offers you as a teacher a toolbox of features t…
-
- 0 篇回复
- 25 次查看
-
-
Using Emojis in HTML What are Emojis? Emojis look like images, but they are not. Emojis are letters (characters) from the UTF-8 (Unicode) character set: 😄 😍 💗 UTF-8 covers almost all of the characters and symbols in the world. Emoji Value 🗻🗻🗼🗼🗽🗽🗾🗾🗿🗿😀😀😁😁😂😂😃😃😄😄😅😅 HTML Emojis Examples Smileys 😀 😂 😊 😎 😜 Hands ✌ ✊ ☝ ✋ 👌 People 👮 🧕 👦 💏 🤴 Office 📈 💻 📌 📆 📒 Places ⛺ 🌋 🗽 🗿 🏢 Transport 🚈 🚗 🚢 🚌 🚀 Animals 🐴 🐕 🐘 🐻 🐞 Food ☕ 🌭 🍞 🍩 🍣 Plants 🌴 🌳 🌼 🍁 🥑 Fruits 🍇 🍊 🍏 🥝 🥥 Sports ⚽ 🏆 🤿 🏋 ⛳ Ea…
-
- 0 篇回复
- 24 次查看
-
-
HTML Headings HTML headings are titles or subtitles that you want to display on a webpage. Example Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 HTML Headings HTML headings are defined with the <h1> to <h6> tags. <h1> defines the most important heading. <h6> defines the least important heading. Example <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6> Note: Browsers automatically add some white space (a margin) before and after a heading. Headings Are Important Search engi…
-
- 0 篇回复
- 24 次查看
-
-
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 篇回复
- 24 次查看
-
-
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 Geolocation API The Geolocation API is used to get the user's current location. Locate the User's Position The Geolocation API is used to access the user's current location. Since this can compromise privacy, the location is not available unless the user approves it. Note: The Geolocation API is only available on secure contexts such as HTTPS. Tip: The Geolocation API is most accurate for devices with GPS, like smartphones or smartwatches. Browser Support The numbers in the table specify the first browser version that fully supports Geolocation. API Geolocation 5.0 12.0 3.5 …
-
- 0 篇回复
- 24 次查看
-
-
HTML Links Links are found in nearly all web pages. Links allow users to click their way from page to page. HTML Links - Hyperlinks HTML links are hyperlinks. You can click on a link and jump to another document. When you move the mouse over a link, the mouse arrow will turn into a little hand. Note: A link does not have to be text. A link can be an image or any other HTML element! HTML Links - Syntax The HTML <a> tag defines a hyperlink. It has the following syntax: <a href="url">link text</a> The most important attribute of the <a> element is the href attribute, which indicates the link's destination. The link text is…
-
- 0 篇回复
- 24 次查看
-
-
HTML Form Elements This chapter describes all the different HTML form elements. The HTML <form> Elements The HTML <form> element can contain one or more of the following form elements: <input> <label> <select> <textarea> <button> <fieldset> <legend> <datalist> <output> <option> <optgroup> The <input> Element One of the most used form elements is the <input> element. The <input> element can be displayed in several ways, depending on the type attribute. Example <label for="fname">First name:</label> <input type="text" id="…
-
- 0 篇回复
- 24 次查看
-
-
HTML Form Attributes This chapter describes the different attributes for the HTML <form> element. The Action Attribute The action attribute defines the action to be performed when the form is submitted. Usually, the form data is sent to a file on the server when the user clicks on the submit button. In the example below, the form data is sent to a file called "action_page.php". This file contains a server-side script that handles the form data: Example On submit, send form data to "action_page.php": <form action="/action_page.php"> <label for="fname">First name:</label><br> <input type="text" id="fname" name="fname…
-
- 0 篇回复
- 24 次查看
-
-
W3Schools HTML Bootcamp HTML & CSS Bootcamp Learn with W3Schools. Live online learning sessions. Duration: 3 Weeks. Learn More Live Online Bootcamp In this bootcamp, you will learn the foundational skills needed to create beautiful and functional websites, from writing HTML markup to styling your pages with CSS. You will learn HTML and CSS over a 3 weeks period together with a live instructor and an interactive cohort of engaged learners! You Will Learn HTML and CSS fundamentals including Elements, Attributes, Tables, Forms and more. How to write best fit Semantic HTML How to create…
-
- 0 篇回复
- 24 次查看
-
