Html:hypertext Markup Language (Hypertext Markup Language)
Hypertext (hypertext) means "text with links in it."
A markup Language (markup language) is a programming language used to make text doing more than sit on a just can page:it text into Images, links, tables, lists, and much more.
HTML can be seen as the skeleton of each web page, forming the structure of the Web page.
Css:cascading style Sheets (cascading style sheet)
CSS makes the page more beautiful, for example, it can set the skin to the page.
HTML BASIC structure
<! DOCTYPE html>//Always in the first line, tell the browser what language to read
Basic terminology
1. Label
Two angle brackets <xxx> parentheses are called tags (tags).
tags always appear in pairs: a opening tag (opening tag) and a closing tag (closed label).
Example of opening tag:
Example of closing tag:
You can think of a label as a form of bracket matching, and whenever you have an open label, be sure to have a corresponding closing tag. Labels can also be nested and should be nested in the correct form: a closed label should match the nearest opening tag on the left. For example
Legal: <first Tag><second tag> Some text! </second Tag></first tag>
Illegal: <first tag><second tag>some text!</first tag></second tag>
<strong> </strong> Bold Word
Head (header)
The contents of the entire HTML file are within
There are always two parts to the file:the head and body
A. It has an opening and a closing tag.
Head has open label and closed label
B. The head includes important information about the webpage and such as its title.
More Wonderful content: http://www.bianceng.cn/web/Html/
The head contains important information about the page, such as the title
C. The title is the words we have the tab (for example, the title of this page is "Introduction to HTML").
The title is the word we see in the tab bar.
Paragraph within the body (subject)
We call the contents of a pair of tags and tags the element (elements)
element = <opening tag> + content + <closing tag>
The content in the <body> tag is the real visual part of the page
<body></body>
1. Within the title tag, it is the name of your page, which can be anything.
2. Under the title tag, is the body tag
3. Within the body tag, we can create paragraphs,<p> content </p>
Paragraphs and headings (paragraphs and headings)
We have learned:
1. Create a tagged HTML file
2. Create titles in
3. Create a paragraph in <body> (p)
Next, we can also give our paragraph to create the title,<p> is the largest title
HTML gives us many kinds of heading sizes,<p> is the largest,
<p>-The CEO
A summary of the midway of Mid-lesson breather
1. HTML is used to structure the Web page
2. We use the browser to open the HTML file, and the browser to display the contents of the file to us
3. HTML has a
4. In head, we have <title> document title, use this to represent the name of the page
5. How to make paragraphs (p) and the headings of paragraphs (H1,H2...H6)
Adding images (add picture)
You can add pictures to the Web site to make the page more beautiful! Just one tag:
This label is not the same as others, it does not place the content between the open and closed tags, but with src tell the label picture where!
At the same time, the difference between this label is that it uses the closed method is self-closes, that is,
Each picture has its URL in the network, we just refer to the URL directly, for example:
Click that image (click the picture)
You can set the click picture and then jump to another page
<a> tags are used to set hyperlinks (hyperlinks), just like the src attribute of ,<a> also has its property href is used to show where to jump
<a href= "http://www.codecademy.com" >learn to Code!</a>
If you want to set the click picture and then jump, you can put the picture in <a href = "url" > img </a>.
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
