* Curriculum Review:
* HTML language
* Introduction to HTML Hypertext Markup Language.
* is the most basic language of the Web.
* All are made up of labels.
* Basic HTML format
Attribute information, accessible Information
Introduction of external Files (css, Js)
Load First
<body>
Real data content (showing users ' Data)
</body>
* Specification of HTML
* Tags for HTML
* Layout Label
* <br/> line break
* Spaces
*
* <p></p> paragraph Label
* <div></div>
* <span></span>
* Font Label
* <font></font>
* Color: Colors
* Size: Sizes of fonts
* Maximum Value: 7 The minimum value is 1
* Face: type of font
* Label of title
* Bold label Italic label
* Special Characters
<<
>>
&&
* List Label
<dl>
<dt></dt>
<dd></dd>
</dl>
There are sequence tables and unordered lists
Ordered:
<ol type= "a" start= "3" >
<li></li>
</ol>
Disordered:
<ul type= "" >
<li></li>
</ul>
* Picture Label
* Hyperlink Tags
<a></a>
* Link Resources
by href= ""
* Resources to access the Network: http://www.baidu.com
* protocol for default file files
* Support for custom protocols
* Locate Resources
* Define anchor points by name
* Return required to use href= "#锚点的名称"
* Table Label
<table border= "1" width= "height=" ": scope of the Declaration table
<caption></caption>: Table Title Tags
<TR align= "middle display text alignment" >: line
<th></th>: cell
* Default centering and Bold
</tr>
<tr>
<td></td>: cell
* Line Merge: rowspan= "2"
* Column Merge: colspan= "2"
</tr>
</table>
* Form Labels
<form action= "form submission address" method= "submission method" >
* How are forms submitted?
* Two of the most commonly used, get and post
Difference
* Get mode to display the parameter list on the address bar, Post does not, the parameters are encapsulated in the request Body.
* Get mode security level is low, post is Higher.
* Get mode does not support Big data, post supports Big Data.
* Input Item
<input type= "text" name= "username" > text box
<input type= "password" name= "password"/> Password box
<inputtype= "radio" name= "sex" value= "0" checked= "checked"/> Male
<input type= "checkbox" name= "love" value= "0"/> Basketball
<input type= "file" name= "myfile"/> upload file
<input type= "hidden" name= "userId" value= "001"/> hidden components
<input type= "button" value= "i am the button"/>
<input type= "image" src= "introduce a picture" > Submit
<select name= "city" >
<option value= "bj" > Data </option>
</select>
<textarea rows= "ten" cols= "name=" desc "></textarea>
<input type= "reset" value= "reset"/>
<input type= "submit" value= "submission"/>
</form>
* Frame Label
<frameset rows= "150,*" >
<frame src= "link html" name= "top" >
<frame src= "link html" name= "left" >
</frameset>
==========================================================================================================
* Today's Course Content:
* CSS
* Introduction to CSS
* css:cascading style sheet: cascading style Sheets.
* What to do with: set the display of the page (set style).
* CSS separates the effect and content of the page display. (coupling)
Hyper <font> Text </font> tag language
* HTML only need to encapsulate the text content, without attributes, with CSS code to control the display Effect.
* If you develop multiple sets of CSS code, you do not have to modify the HTML Code.
* Combination of CSS and HTML (* * * * *)
* Combination of CSS and HTML (4 types)
* On the HTML tab, provide a (property), style= "css code"
* In the HTML file, provided a (label) <style type= "text/css" >css Code </style> This tag is placed in the middle of
* Introduce the way of external files (introduce CSS files, define a CSS file (suffix name DEMO.CSS)) (often used in the Way)
* @import URL ("address of the CSS file"); property must be written <style></style> Internal. There are no problems with uppercase and Lowercase. (note: must have;)
* Introduction of external files in the way, through a <link> written in * Rel: represents the relationship between current and introduced files
* Type:
* Href: address of the introduced CSS file
* CSS Priority (* * * * *) and specifications
* FROM top to bottom, from outside to inside, the priority level is from low to High. (in general) (* * * *)
* Tag name Selector < class selector < ID selector < Style property (special Case) (* * * * *)
* Specification
* CSS syntax: div{css property name: value; CSS Property Name: value;.}
* If an attribute has multiple values, the value is separated from the value with a space
* Example Div{xx:yy ZZ aa}
* CSS Selector (* * * * *)
* CSS Selector
* Tell CSS where the code works on which tab.
* Basic Selector
* Tag name selector div{}span{}
* Class selector: on the HTML tab, provide the attribute class, navigate to the Div's label (the Way Art is often used)
* Notation: Name of The. class (code for. Hehe{css})
* Set different labels with the same style
* ID Selector
* On the HTML tab, provide the properties to set the style
* notation: #id的名称 (#haha {css Code})
* In General: set different IDs
* in general, the JS language to Use.
* Extended Selector
* Correlation selector: tags can be nested, the relationship between labels and labels.
* Notation: Middle Space separated example (div font{css Code})
* Combo selector: make the same style for several different selectors
* Notation: between multiple selectors, separate
* Pseudo-element selector: Some selectors are defined, so use Ok.
* If using hyperlink pseudo element selector: use order: L V H A
* CSS layout (learn) (css+div for Layout)
<div>
<div>
</div>
<div>
<font> leaders are busy </font>
</div>
</div>
* JavaScript (javascript shorthand js, file suffix name is also demo.js) (* * * *)
* Introduction to JavaScript
* JS is an object-based and Event-driven scripting language that acts on the client (browser).
* JS Features:
* Interactivity
* Security: (can not access local hard disk)
* Cross-platform: because the browser can parse JS Files.
* JavaScript differs from Java (no Relationship) (lei Feng and Leifeng pagoda)
* Netscape (netscape), Static Effect. LiveScript (the predecessor of Javascript)
* Java was born, upgraded, renamed (javascript), Fire up.
* Giants: self-developed Set (jscript)
* Find some companies to launch the Standard: Sun Microsoft ECMA (european Computer manufacturing association), The joint launch of the current Standard.
* ECMAScript: Standard. On the basis of Expansion.
* JS object-based, Java is object-oriented.
* JS parsing can be executed, Java first compiled and then Executed.
* JS is a weak type of language, Java is a strongly typed language.
* The composition of JavaScript language
* ECMAScript standard (JS syntax, variables, FUNCTIONS)
* BOM (Browser Object Model) Browser objects Models
* DOM Document Object Model
* JavaScript syntax
* Combine JS with html. (22 different Ways)
* Combination of JS and HTML
* HTML file provides a label <script type= "text/javascript" >js Code </script>, The tag can be placed anywhere in the HTML file.
* Introduction of external files, there is an external file. Write the JS File.
* <script src= "introduce js file (relative path)" >
* If script introduces an external file via src attribute, The JS code will not be Executed. （*****）
* </script>, tags can be placed anywhere in the HTML file.
* Key Words
* VAR declaration variable
* Identifiers
* Same as Java
* Notes
* Same as Java
* Variable
* Declare variables using only one keyword var num = 12; var str = "abc";
* 5 Basic data types
* Undefined, Null, Boolean, number, and String
* 5 Basic data types
* Undefined, Null, Boolean, number, and String
* String literal type
* The double and single quotes in JS represent a string
* Number Type
* No distinction between integers and decimals
* Boolean Boolean type
* NULL empty, Assigning a value to a reference
* Undefined undefined (declaration variable, no Assignment)
* Declaring variables, using the var keyword
* typeof () determine what type of data the current variable is
* operator
* JS operator
* Arithmetic operators
* 0 or NULL is false, not 0 or non-null is true, default is 1.
var num = 3710;
Alert (num/1000*1000);
* No distinction between integers and decimals
* Assignment operator
* and Java is the same
* Comparison Operators
* = = comparison value is the same
* = = = Comparison value and type are the same
* Logical operators
* Same as in Java
* Ternary operator
condition? Value 1: value 2
* JS Array
* JS Array
* javastring [] str = {};
* Declaring arrays
* var arr = [12,34,55];
* var arr = new array (5); Declare array, length is 5
* var arr = new array (2,3,4); declare array, element is 2 3 4
* Properties of the array
* Lengths: Length
* The length of the array is Variable.
* JS method
* Java public String method name (argument list (int num,string Str)) {
Method body;
Return null;
}
* js, The method is declared through the keyword Function.
Function method name (argument list (num,str)) {
Method body;
Return
}
* Parameter list: cannot use the var keyword
* Return value: writable, If there is a write return value, if not, The return value can be omitted to Write.
* Call Execution.
* Inside the function, there is an array, loaded with the arguments passed over the
Arguments
* JavaScript objects and APIs
* BOM Browser object model
* DOM Document Object model
Wisdom 168 Java EE Employment Class day02-css
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
