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>
<LI>AA City </li>
<LI>BB City </li>
</ul>
<!--list nested--
<ol>
<li>
AA Province
<ul>
<LI>AA City </li>
</ul>
</li>
<li>bb Province </li>
<LI>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 >
<TR align/valign: Alignment >
<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