11-16c# Basics-Web Foundation

The Web page Production section mainly explains three major parts:

1. HTML Hypertext Markup Language (full name: Hyper Text Markup Language) specifically edit static Web pages

2, CSS page beautification: HTML control of the style, a part of the format

3, Javascript scripting language: Mainly to write the dynamic effect of the Web page.

The first part of HTML

Hypertext Markup Language is dedicated to writing static Web pages.

1. Open Adobe Dreamwaver CS6

2. Create a new HTML file:

3. Write Web page file:

The simplest way is to write in Notepad

View:

A < > represents a label, the main learning of the page is the label;

The first line of code represents a reference to international standards

represents the page's label, which represents the beginning of a Web page

the end of the

A pair, the ' header file ' indicates which encoding is used, the middle holds the title, the style settings, and so on.

<title>.....</title> represents the title.

<boby>.....</boby> Intermediate content for writing web pages

properties in Boby:

1) backgroud: both backgroud and bgcolor are bacgroud covered bgcolor.

To modify the background color:

Modify the background map: File path Backward Search Folder, with .../.../.

2) Text: set The color of the Chinese boby

3) topmargin= "" "Top margin, text distance from the top of the page,""the number of write spacing

4) bottommargin= "" Bottom margin

5) Left: margin

6)right: Margin equal to The length and width of word

7) hidden= "True" hides entire Web page

8) </br> Line change, equivalent to carriage return

<strong>  Hello </strong></br>  -- bold

10) you &NBSP; good </center>  --- center

11)

<b> </b>  --

13) you    good </ i>  --

14) hello </u>   -- underline

) <font> </font>-- font modification (color, size, font change)

Color= "#CC6699"

Size= "+5"

Face= "Times New Roman, times, serif"---modified in <font >

Second Class

1, processing the text label

1-6 represents the font size

title 1 font size in turn smaller

<p>.....</p> paragraph, representing a passage

<ol> list ( with sequence table )

<li> Line 1<li>

<li> Line 2<li>

<li> Line 3<li>

<li> Line 4<li>

</ol> (with sequence list)

<ul> ( unordered list )

</ul>

2. Hyperlink:<a href >

"link Address" target="Properties" > title 1

target-- Open Mode

new/black-- Opening a new page

parent-- Replace the previous page

self-- on its own page open

top--is different when web pages are embedded

3. Attributes of the picture:

1) image path address " width= "height="/>

2) name-- The name of the picture , do not show it

3) width-- width setting

4) height-- height setting

5) title--The title of the picture, when the mouse is placed on the picture displayed on the page, the caption of the picture is displayed. Easy search Engine finder.

6) Meaning of the loop--cycle

7) style and format of style--pictures

4. Form (emphasis)

The three essential parts:

1) Beginning and end of table: <table>.....</table >

2) The row:<tr>.....</tr> of the table represents the row

3) Table cell:<td>.....</td> represents cell, no column

<tr> Properties of BOC:

1>align indicates horizontal alignment three (top, middle, and bottom)

2>bgcolor indicates background color selection

3>bordercolor color selection for table borders

4>height indicates the height of the row setting

5>hidden Hidden

6>style: styles, formatting changes

7>title changes to the title of the representative

8>valign three types of vertical alignment (top, middle, bottom)

Properties of the <td> cell:

1>align indicates horizontal alignment three (top, middle, and bottom)

2>valign three types of vertical alignment (top, middle, bottom)

3>bgcolor indicates background color selection

4>bordercolor color selection for table borders

5>height indicates the height setting of the cell

6>width: Indicates cell width setting

7>hidden Hidden

8>style: styles, formatting changes

9>title changes to the title of the representative

Create a table:

Code Writing Table:

Span style= "font-family: ' Song body '; Mso-spacerun: ' Yes '; >---colspan= ' represents the cell across the 2 column

Span style= "font-family: ' Song body '; Mso-spacerun: ' Yes '; >---rolspan= ' represents the cell across the line

Span style= "font-family: ' Song body '; Mso-spacerun: ' Yes '; > View effect:

11-16c# Basics-Web Foundation