"HTML" "Theoretical learning" 1. Basic theory

Source: Internet
Author: User
Tags time and date

Html:hypertext Markup Language: Hypertext Identity Language, currently the latest version is HTML5.0


The basic structure of the HTML document consists of three tags responsible for organizing:


Defines the character encoding of the document, generally using <meta> tags in the header definition, characters commonly used character encoding includes Simplified Chinese (gb2312), Chinese Traditional (BIG5), and Universal character encoding (UTF-8). How to use: <meta charset = "gb2312-18" >


tags in html

Document structure Tags:


Text formatting Tags: <title>,

<blockquoto> (identification of long reference text)


Character Format Tags: <i> (reference text, italic), <blink> (identifies flashing text ... Looks useless? )

<big>, <small>, <sup> (superscript), <sub> (subscript), <cite> (citation)


List Tags: <ul>, <ol>, <li>, <dl> (definition list), <dt> (list items), <dd> (Explanation of list items)


Link Tags: Define a hyperlink, <a> define an anchor point (inside the document)


Multimedia Tags: , <embed> (embedded multimedia), <object> (define multimedia)


Table Tags: <table>, <caption>, <th>, <tr>, <td>, <thead>, <tbody>, <tfoot>,

<col> (columns), <colgroup> (column group)


Form Labels: <form> define form structure, <input>, <textarea>, <select> (drop-down list), <option> (drop-down list select item), <o ptgroup> (option group, similar items merged in one group)

<button>, <fieldset> (fields in form), <legend> (title of the field)

Attributes in HTML

Basic properties: Class, ID, style


Language properties: lang, dir (text direction)


Keyboard Properties: accesskey (keyboard shortcuts for accessing an element)


Content properties: Alt (replacement text for an element), title (hint text), Longdesc (large segment description information)

DateTime (contains the time and date of the content)

HTML5 Foundation

Many new features have been added compared to HTML4,HTML5


Document type declaration for HTML5: <! DOCTYPE html>


Video: <video src = "URL" controls = "Controls" > Display this statement when video cannot be displayed </video>

Video's properties: AutoPlay = "autoplay" To set videos to play automatically

Controls = "Controls" provide a video control used by the bow user

Height, Width set the video's size and height

loop = "Loop" To set video continuous playback

preload = "preload" preload, this property is invalid when AutoPlay is used

Audio: <audio src = "URL" controls = "Controls" > show this statement when audio is not supported </audio>

Audio properties: Audio has properties similar to video--autoplay, controls, loops, preload


HTML New input type:

<input type = "Email" name = "Name" > Verify that the content entered is an email address

<input type = "URL" name = "Name" > Verify that the content entered is a URL

<input type = "number" name = "name" min = "1" max = "Ten" > Verify that the input is a number and number of digits

<input type = "range" name = "name" min = "1" max = "Ten" > Verify whether it is a numeric and numeric range

<input type = "date" name = "Name" > Date selection

<input type = "Search" > Search domain


Other elements: Hgroup: Used to group the title of a chunk of content across a page or page

Figure: Represents a separate stream content that typically represents a single unit in the document content

Figuration: Adding a caption to a figure element

(Stream: Elements used in the body of a document and app, such as Form,h1,small, etc.)

Embed: Used to insert multiple multimedia can be either video or audio

Mark: Highlight Text

Time: Represents a date and times

Canvas: Create a canvas that you can draw with JavaScript



This article is from the "Wanghaz Learning" blog, so be sure to keep this source http://10703847.blog.51cto.com/10693847/1695061

"HTML" "Theoretical learning" 1. Basic theory

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.