Web Foundation--html

Source: Internet
Author: User
Tags tag name

Webbasic

1.web Application System

Course Outline

1.web Basics: Making Web pages
2. Structure:
A.html
Outline the structure and content of the Web page
B.css
Beautify Web pages
c.javascript< key >
Presenting Dynamic Data and effects
3.JavaScript:
--java Programmer uses JS to implement the business logic of the page
--Artwork making static page (HTML+CSS)

Equipment

Chrome, THINKPADX, Thinkpadt, Mac

Web three-Factor and HTTP

2.html

HTML (Hypertext Markup Language)
1.html and XML
1) XML Extensible Markup Language (transfer or store data)
A. Tags, attributes can be extended, and nested relationships between elements can be extended
B. Label
Double label:< tag name ></tag name >
Single label:< label name/>
Relationship:< tag name/> = = < Tag name > content is empty </tag name >
C. Properties
Defined in start tag, property name unordered, property name = "Property value"
D. Elements
< Tag Name Property name = attribute value > Content </Tag name >
2) HTML Hypertext Markup Language (display data)
A. Syntax pinning
tags, attributes, element nesting relationships fixed
B.HTML Basic Structure
<!--HTML is the only root--
<!--set the document title, encode, introduce the resource--
<body>
<!--What's displayed on the page--
</body>
HTML tags

1.<! Doctype> specified version: With X is W3 released, the others are published by various companies
<! DOCTYPE html> declared as HTML5 document
2.<title> specifying page Titles
<title> title </title>
3. Garbled problem
1> specifies that the HTML document format is Utf-8
2><!--HTML4 Standard--
X<meta http-equiv= "Content-type" content= "Text/html;charset=utf-8" ></meta>
<!--HTML5 Standard--
√<meta charset= "Utf-8"/>

Text Processing
4. Title Element
5. Paragraph elements
<p></p>
6. List
There are sequence tables <ol>, unordered list <ul>, list items <li>
<!--serialized List--
<ol>
<li>aa Province </li>
<li>bb Province </li>
</ol>
<!--unordered List--
<ul>
&LT;LI&GT;AA City </li>
&LT;LI&GT;BB City </li>
</ul>
<!--list nested--
<ol>
<li>
AA Province
<ul>
&LT;LI&GT;AA City </li>
</ul>
</li>
<li>bb Province </li>
&LT;LI&GT;CC Province </li>
</ol>
7.DIV (block-level label)
1) block-level elements <p>, <div>, 2) inline elements <span>, <a>
<div></div> more to determine the structure of a Web page
8. Inline elements
1) <span></span>
Hello <span style= "" > Hello </span> Hello
Bold:<strong></strong>, <b></b>
Italic:<i></i>, <em></em>
Underline:<u></u>
Delete Line:<del></del>
2) Space Folding
Multiple spaces within the content are treated as a single space
<br/> line break

9. Picture Label
Relative path and absolute path

10. Hyperlink elements
<a href= "link http://www.baidu.com" target= "Open With: _blank/_self" > Text </a>
Anchor Point:
<a name= "Top" ></a>
<a href= "#top" > go top </a> = = = <a href= "#" > Go to Top </a>
11. Forms
<table border= "pixel: 1px" width height align: align cellpadding: cell and content spacing cellspacing: Cell spacing >
&LT;TR align/valign: Alignment >
&LT;TD Align/valign/width/height/colspan cross-row/rowspan cross-column ></td>
</tr>
</table>
Table grouping: Purpose is to facilitate the set of elements within the group style and programming (JS)
<table>
<thead><!--Title Line--
<tr>
<td></td>
</tr>
</thead>
<tbody><!--Data Lines--
<tr>
<td></td>
</tr>
</tbody>
<tfoot><!--End Line (total)--
<tr>
<td></td>
</tr>
</tfoot>
</table>

Continue Learning

http://http://www.w3school.com.cn/

Web Foundation--html

Related Article

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.