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