HTML5-getting started ., Html5-getting started
What is HTML5?
HTML5 is a hypertext language, not a programming language. html5 is the latest version of html. You must pay attention to the compatibility of browsers.
HTML5 generally refers to the combination of HTML5, CSS3, and JavaScript technologies.
HTML5 is mainly responsible for the structure and meaning of the document content.
CSS3 describes the document content styles.
JavaScript is mainly used to take charge of the behavior of the document content.
The basic structure of HTML5.
<! Doctype html> // The latest html version, that is, heml5.
<Html lang = "en"> // start marking of a file
<Head> // start marker of the file header
<Meta charset = "UTF-8"> // specify character encoding
<Title> Document </title>
</Head> // end mark of the file header
<Body> // start tag of the file topic
</Body> // end mark of the file topic
</Html> // end mark of a file
Use NotePad to create a webpage.
Create a text document --> write HTML code --> save, save as html file with the suffix --> select Save type as all documents, encoded as UTF-8
Structure labels added to html5.
<Header>
<Hgroup>
<Nav> </nav> navigation
<Footer> </footer> footer
<Section> </section> Block
<Article> </article> article
<Aside> </aside> sidebar
<Figure> </figure> combines elements. It is generally used for images or videos.
<Figcaption> </figcaption> describes the content of figure.
<Time> </time> time
<Datalist> </datalist> data list, used in combination with the input box
<Details> </details> description
<Summary> </summary> introduction to details
<Dialog> </dialog> dialog box
<Address> </address> address
<Mark> the flag has a yellow background. Other usage is the same as that of span.
<Keygen> </keygen>Key (decommissioned)
<Progress> </progress> the progress bar can be set to value max min...
<Meter> </meter> progress bar. usage is similar to the preceding
Today, I will write so much, and there are tasks in place. I will continue tomorrow.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
