设计开发
-
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 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 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 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 篇回复
- 23 次查看
-
-
W3Schools HTML Certificate W3Schools offers an Online Certification Program. The perfect solution for busy professionals who need to balance work, family, and career building. More than 50 000 certificates already issued! Get Your Certificate » W3Schools offers an Online Certification Program. The perfect solution for busy professionals who need to balance work, family, and career building. More than 50 000 certificates already issued! Get Your Certificate » Document your skills Improve your career Study at your own pace Save time and money Known brand Trusted by top companies Who Should Consider Getting Cer…
-
- 0 篇回复
- 23 次查看
-
-
HTML Input Attributes This chapter describes the different attributes for the HTML <input> element. The value Attribute The input value attribute specifies an initial value for an input field: Example Input fields with initial (default) values: <form> <label for="fname">First name:</label><br> <input type="text" id="fname" name="fname" value="John"><br> <label for="lname">Last name:</label><br> <input type="text" id="lname" name="lname" value="Doe"> </form> The readonly Attribute The input readonly attribute specifies that an input field is read-only. A read-only …
-
- 0 篇回复
- 23 次查看
-
-
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 篇回复
- 23 次查看
-
-
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 Elements An HTML element is defined by a start tag, some content, and an end tag. HTML Elements The HTML element is everything from the start tag to the end tag: <tagname>Content goes here...</tagname> Examples of some HTML elements: <h1>My First Heading</h1> <p>My first paragraph.</p> Start tag Element content End tag <h1> My First Heading </h1> <p> My first paragraph. </p> <br> none none Note: Some HTML elements have no content (like the <br> element). These elements are called empty elements. Empty elements do not have an end tag! Nested HTML Elements …
-
- 0 篇回复
- 23 次查看
-
-
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 Page Title Every web page should have a page title to describe the meaning of the page. The Title Element The <title> element adds a title to your page: Example <!DOCTYPE html> <html> <head> <title>HTML Tutorial</title> </head> <body> The content of the document...... </body> </html> The title is shown in the browser's title bar: What is a Good Title? The title should describe the content and the meaning of the page. The page title is very important for search engine optimization (SEO). The text is used by search engine algorithms to decide the order when listing pages i…
-
- 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 File Paths A file path describes the location of a file in a web site's folder structure. File Path Examples PathDescription <img src="picture.jpg"> The "picture.jpg" file is located in the same folder as the current page <img src="images/picture.jpg"> The "picture.jpg" file is located in the images folder in the current folder <img src="/images/picture.jpg"> The "picture.jpg" file is located in the images folder at the root of the current web <img src="../picture.jpg"> The "picture.jpg" file is located in the folder one level up from the current folder HTML File Paths A file path describes the location of a file in a web site…
-
- 0 篇回复
- 23 次查看
-
-
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 篇回复
- 22 次查看
-
-
HTML Introduction HTML is the standard markup language for creating Web pages. What is HTML? HTML stands for Hyper Text Markup Language HTML is the standard markup language for creating Web pages HTML describes the structure of a Web page HTML consists of a series of elements HTML elements tell the browser how to display the content HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc. A Simple HTML Document Example <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>My First Heading</h1> <p>My first …
-
- 0 篇回复
- 22 次查看
-
-
HTML Editors A simple text editor is all you need to learn HTML. Learn HTML Using Notepad or TextEdit Web pages can be created and modified by using professional HTML editors. However, for learning HTML we recommend a simple text editor like Notepad (PC) or TextEdit (Mac). We believe that using a simple text editor is a good way to learn HTML. Follow the steps below to create your first web page with Notepad or TextEdit. Step 1: Open Notepad (PC) Windows 8 or later: Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad. Windows 7 or earlier: Open Start > Programs > Accessories > Notepad Step 1: Open TextEdi…
-
- 0 篇回复
- 22 次查看
-
-
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 Styles - CSS CSS stands for Cascading Style Sheets. CSS saves a lot of work. It can control the layout of multiple web pages all at once. CSS = Styles and Colors Manipulate Text Colors, Boxes What is CSS? Cascading Style Sheets (CSS) is used to format the layout of a webpage. With CSS, you can control the color, font, the size of text, the spacing between elements, how elements are positioned and laid out, what background images or background colors are to be used, different displays for different devices and screen sizes, and much more! Tip: The word cascading means that a style applied to a parent element will also apply to all …
-
- 0 篇回复
- 22 次查看
-
-
HTML Tables HTML tables allow web developers to arrange data into rows and columns. Example Company Contact Country Alfreds Futterkiste Maria Anders Germany Centro comercial Moctezuma Francisco Chang Mexico Ernst Handel Roland Mendel Austria Island Trading Helen Bennett UK Laughing Bacchus Winecellars Yoshi Tannamuri Canada Magazzini Alimentari Riuniti Giovanni Rovelli Italy Define an HTML Table A table in HTML consists of table cells inside rows and columns. Example A simple HTML table: <table> <tr> <th…
-
- 0 篇回复
- 22 次查看
-
-
You Have Learned HTML, Now What? HTML Summary This tutorial has taught you how to use HTML to create your own web site. HTML is the universal markup language for the Web. HTML lets you format text, add graphics, create links, input forms, frames and tables, etc., and save it all in a text file that any browser can read and display. For more information on HTML, please take a look at our HTML examples and our HTML reference. You can also test your HTML skills with HTML Exercises and HTML Quizzes. Now You Know HTML, What's Next? Learn CSS CSS lets you style your HTML pages. CSS gives you total control of the layout, without messing up the document content. To l…
-
- 0 篇回复
- 22 次查看
-
-
HTML Layout Elements and Techniques Websites often display content in multiple columns (like a magazine or a newspaper). Example Cities London Paris Tokyo London London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants. Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium. Footer HTML Layout Elements HTML has several semantic elements that define the different parts of a web page: <h…
-
- 0 篇回复
- 22 次查看
-
-
HTML id Attribute The HTML id attribute is used to specify a unique id for an HTML element. You cannot have more than one element with the same id in an HTML document. The id Attribute The id attribute specifies a unique id for an HTML element. The value of the id attribute must be unique within the HTML document. The id attribute is used to point to a specific style declaration in a style sheet. It is also used by JavaScript to access and manipulate the element with the specific id. The syntax for id is: write a hash character (#), followed by an id name. Then, define the CSS properties within curly braces {}. In the following example we have an <h1>…
-
- 0 篇回复
- 22 次查看
-
-
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 篇回复
- 22 次查看
-
-
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 次查看
-
