HTML frontend (CSS + js)

1.HTML (Hyper-text markup Language)

Structure: Structure, Behavior: Behavior, Performance: presentaion

Specification: Xml,css,dom,xhtml,ecmascript

The structure standard uses XHTML, behaves using CSS, behaves using DOM and ECMAScript

XHTML (extensible Text label language) Extensiblehypertext Markuplanguage is divided into XML and HTML

2.

<p></p> paragraph Labels

<br/> Line Wrapping Labels

<a href= "url" target= "target window Position" > connect text or Images ></a>

Target: Where the texture of the link file opens, there are two values commonly used, _blank (opens in a new window)

_self (default in the same frame always opens the link file)

<!--comments--

Aim Link: Write <a name= "Middle" in one interface ></a>

Add a connection to another page <a href= "first page name. Html#middle" >

3.XHTML Specification:

1. Sign and attribute names must be lowercase

2.HTML label must be closed

3. Attribute values must be enclosed in quotation marks

4. Labels must be nested correctly

5. Attributes cannot be abbreviated

6. Document type declaration must be added

7. Attribute values must be in full form only

3.HTML List

1. Unordered table (list without serial number)

<ul type= "Define list ordinal style" >

<li></li>

</ul>

2. Ordered list

<ol>

<li></li>

</ol>

3. Customizing the list

<dl> <dt></dt><dd></dd> </dl>

4. Form:

The CellSpacing property is used to control the spacing between cells, and the CellPadding property controls the spacing between the cell border and its contents

The Align property is used to control the alignment of the contents of a cell, with the property value left (aligned to the right), and Center (center aligned), with the default value

Cross-row and cross-columns of tables: colspan: Cross-column, rowspan: cross-row

5. Basic formatting of form elements

<input name= "element name" type= "type" value= "value" size= "Display width" maxlength= "character length" checked= "Checked"/>

<forme action= "" method= "" >action specifies where to submit form information to where to send the form, that is, the destination address for processing form data, such as the default is the current page

<input type= "image" src= "disable=" Disable "></input>

<input type= "text" value= "Zhang San" name= "Usename"/>

<input type= "Radio" value= "Male" name= "gender" id= "male"/>

<lable for= "Male" > Men </lable>

<marquee></marquee>//Picture Loop Scrolling

5. Semantic Word Form

Forms that are created using HTML-provided, form labels with specific semantics, are called semantic word forms by image

<fieldset>

<legend> Personal Information:</legend> <input/>

<fieldset>

HTML frontend (CSS + js)