HTML&CSS Basic Learning Note 1.5-add a common label

Source: Internet
Author: User
Tags script tag

The code is as follows:

<! DOCTYPE html>
<meta charset= "UTF-8" >
<title> Simple Web page </title>
<script src= "Index.js" ></script>
<body>
<p> I in the hazy, the front of a sea of green sand, above the blue sky hangs a round of golden Moon. I think: hope is not indifferent to have, do not matter. This is like the road of the Earth, in fact, there is no road on the ground, there are many people walk, also become a road. </p>

<!--> Picture path is for reference only </!-->
<button id= "btn" > Zoom out Image </button>
</body>

Split Line-head label

The preceding code mentions that the
The head element has <title>, <script>, <style>, <link>, <meta> and other tags.

Their respective functions:
Title tag: Defines the title of the document;
Script tag: introduce JS file;
Link Tags: introduction of CSS files, the style of outreach;
Style Tags: inline CSS style;
META Tags: provides meta-information about the page.

A simple Web page should contain at least:
1. A title tag to define the caption of the document

2. A meta tag that defines the document encoding format (<meta charset= "UTF-8" >)

Ps:utf-8 is the universal code, do not know the students can go to search query under OH.

Split Line-body label

The body tag contains all the contents of the document (such as text, hyperlinks, images, tables, lists, and so on), and all content presented to the user should be placed in the body tag.

As for the title, paragraph, buttons, etc., are actually some of the content of the page tag ~

The code learning attempt can begin here:

Http://www.mayacoder.com/lesson/lesson?lesson_id=27&knowledge_id=6

HTML&CSS Basic Learning Note 1.5-add a common label

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.