Home > Developer > Web Develop

HTML5 01 with Notes

Source: Internet
Author: User
Tags tag name
Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

An HTML is a markup language for making Web sites

Second, the basic HTML syntax

    1. HTML tags

HTML tags are the most basic unit and the most important part of HTML.

Usually start with the sharp corner, < and end >

There are two types of labels (paired and unpaired)

Double label: (paired) < tag name > content </Tag name >

such as:<body></body>

Single label: (unpaired):< tag name/> or < tag name >

such as:<meta/><br/>

Labels are case-insensitive <body> and <BODY> are the same as the recommended use lowercase

HTML tags and attributes are not case-sensitive

2. HTML Tag Properties

HTML attributes typically appear in the HTML start tag as part of the HTML tag

There are attributes in the tag that contain some extra information property values must be double quotes ""

You can have more than one property in a label

The composition of the property: Property name = "Property value"

Syntax format:

Single attribute

< Tag Name Property name = "attribute value" ></tag name >

< Tag Name Property name = "attribute value"/>

Multi-attribute

< Tag Name Property Name = Property Value Property Name = Property Value Property Name = property value ></Label name >

< Tag Name Property Name = Property Value Property Name = Property Value Property Name = property value/>

3.HTML Code format

Any spaces and carriage returns do not play any role in the code.

For typesetting

4. Color settings in HTML

A) All in English: Red green yellow white blue black pink purple .....

b) using a six-bit hexadecimal number

#000000-#ffffff

Please take the # number when you write the color value

5. HTML annotations and document declarations

Features of annotations

A. Comments are not displayed on the browser

B. Annotations to the Code

C. Annotations facilitate team development

D. Annotations are used to quickly restore memory

E. Annotations cannot be nested

Document Declaration

<! DOCTYPE HTML >

6 Theme Structure

7 entities (special characters)

&lt; <

&gt; >

&nbsp; Space

&copy;?

&yen; ￥

&quot; ‘’

8. Head section Element

Title---Represents the header of an HTML document

Meta---Represents the name and content used to define file information

Link---Use this tag when declaring an external resource in a document

Style---When using a stylesheet in a document

Script---When using JavaScript in a document

Base converts a relative address to an absolute address

<!--convert a relative path to an absolute path--

<base href= "http://www.baidu.com" >

Relative path

./css.css

Start with the content of your current location

For example: I'm in the 101 Live room

./Current Location

.. /Parent Directory

Absolute path

Find the tail from the beginning

For example: Earth China Beijing changping Huilongguan Yu Rong Education Park OTO Live Room 101

Http://www.baidu.com

9. Format label

①<br/> Line Wrapping Label

②

③<p></p> paragraph Labels

④<pre></pre> Display labels in the original format

⑤<li></li> each list label

⑥<ul></ul> unordered List

⑦<ol></ol> ordered list

10. Text Labels

    2. <i></i> Italic Labels
    3. <u></u> Underline labels
    4. <b></b> Font Bold Label
    5. <sub></sub> Subscript Font Labels
    6. <sup></sup> Superscript Font Labels
    7. <em></em> emphasis is usually italic
    8. <strong></strong> emphasis is usually in bold words
    9. <small></small> Small Font Labels
    10. <big></big> Large Font Labels
    11. <tt></tt> Typewriter Fonts

HTML5 01 with Notes

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

Related Keywords:
esbs 01 web development design foundations with html5 web development and design foundations with html5 gmt 01 ttc8 01 using svg with css3 and html5 wdby8l0020bbk 01

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.

What's Trending
Top 10 Tags
datastax versions naming convention zookeeper client class definition md5 microsoft sql server 2005 data structures exception handling error handling
Top 10 Keywords
microsoft download center down wordpress address url site address url wordpress address url windows installer 4 0 download 302 not found web address url definition site address url wordpress db2 integer mac os installation step by step pdf abbreviation for return

A Free Trial That Lets You Build Big!

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

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

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

    Open a Ticket

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

    Learn More