HTML5 basic summary (II) -- tag example and html5 basic summary tag

Source: Internet
Author: User

HTML5 basic summary (II) -- tag example and html5 basic summary tag




Follow the blog's Mind Map to continue:


2. Check the use of tags. Here are a few small examples (not given ):


1. Use of structure labels. Here we can see the layout of a page:

<! Doctype html> 

2. You can draw a picture on the Canvas, such as a straight line, a line, a circle, or a rectangle. If you have learned how to use the Canvas, here we mainly use JS to call some of its methods and attributes:

A. draw a straight line:

<! DOCTYPE html> 

B. Draw a rectangle;

<! DOCTYPE html> 


C. Circle (ARC, etc ):


<! DOCTYPE html> 


D. Set the text style:

<! DOCTYPE html> 


3. Video/Audio usage

<! Doctype html> 


4. Simple Example of smart forms:

<! Doctype html> 


The above are some simple examples of labels. It is very fast to learn these forms through examples. Here we recommend the W3CSCHOOL Website: http://www.w3school.com.cn/html5/, which is based on theory. In the next article, I will briefly summarize some HTML5 extensions.


Question about html5 label section on Baidu experience Homepage

This is not an HTML issue. The basic rules of HTML5 and HTML4 are the same, but the labels and browsers cannot be interpreted. A custom tag is called XML and can be used as an extensible markup language.
For more information about HTML5, see. I have provided tutorials and manuals for HTML5 Chinese Web. I should be able to verify my statement. There are also some wonderful demos.
What is the meaning of a custom tag? How do you want the browser to explain it?
Of course, if you just want to use it as a tag in CSS or JS, there is no problem, but it does not comply with W3C standards, and it does not make great sense.
Hahan international apparel

I am a basic newbie. I Want To systematically learn html5 and find the list or materials of all tags and attributes of html5.

If you do not have the HTML Foundation, check HTML4.0 + CSS2 first. HTML5 and CSS3 are based on which some new labels and attributes are extended. Here you can get started with www.w3school.com.cn/index.html

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.