The following links point to solutions to common everyday problems you'll need to solve with HTML.
基本结构
The most basic application of HTML is document structure. 如果你是HTML新手那么你应该和我们一起从这里开始学习.
- How to create a basic HTML document
- How to divide a webpage into logical sections
- How to set up a proper structure of headings and paragraphs
基本文本语义
HTML specializes in providing semantic information for a document, so HTML answers many questions you might have about how to get your message across best in your document.
- How to create list of items with HTML
- How to stress or emphasize content
- How to indicate that text is important
- How to display computer code with HTML
- How to annotate images and graphics
- How to mark abbreviations and make them understandable
- How to add quotations and citations to webpages
- How to define terms with HTML
超链接
One of the main reasons for HTML is make navigation easy with hyperlinks, which can be used in many different ways:
图像 & 多媒体
- How to add images to a webpage
- How to add video content to a webpage
- How to add audio content to a webpage
脚本 & 样式
HTML only sets up document structure. To solve presentation issues, use CSS, or use scripting to make your page interactive.
嵌入内容
进阶问题
Beyond the basics, HTML is very rich and offers advanced features for solving complex problems. These articles help you tackle the less common use cases you may face:
表单
Forms are a complex HTML structure made to send data from a webpage to a web server. We encourage you to go over our full dedicated guide. Here is where you should start:
表格信息
Some information, called tabular data, needs to be organized into tables with columns and rows. It's one of the most complex HTML structures, and mastering it is not easy:
- How to create a data spreadsheet
- How to make HTML tables accessible
- How to optimize HTML table rendering
数据表示
- How to represent numeric values with HTML
- How to use data attributes
- How to associate human readable content with arbitrary computer data structures
互动
高级文本语义
高级图像 & 多媒体
- How to add responsive image to a webpage
- How to add vector image to a webpage
- How to add a hit map on top of an image
国际化
HTML is not monolingual. It provides tools to handle common internationalization issues.
- How to add multiple languages into a single webpage
- How to handle Japanese ruby characters
- How to display time and date with HTML
性能