1. HTML
Hyper Text Markup Language Hypertext Markup Language
There are a lot of tags in html, and we use HTML-provided tags to include the content that will be displayed on the page.
That makes up our web page.
CSS: Control the effect of Web content display
html+css= static Web page. Only display features
Js+jquery= News
Content is determined by the HTML, and what is determined by CSS
2. Start writing HTML pages
1), first on the desktop to build a random file.
2), change the name of the created file to. htm/.html
3), start writing basic frame tags
<title></title>
<body>
</body>
3. HTML tags
P Tags: paragraph labels
By: space
h#: Title Tag
<!--the content to comment-->: comment
SRC: Indicates the path of the picture to be displayed
Height: width of picture px
Width: height of picture px
Alt: Text displayed when a picture fails for some reason
Title: Text displayed when the cursor moves to the picture
<br/>: line break
>:>
<:<
&:&
<font></font>: Font label size=1~7 7 maximum color= color face= font family
<b></b> Bold
<i></i> Italic Italian
<tt></tt> Fonts for printers
<u></u> Underline
<s></s> Delete Lines
<sup></sup> Superscript Pythagorean theorem
<sub></sub> subscript
<code></code> Code
<pre></pre> edit what format, print or what format
<marquee></marquee> picture is shifted from right to left by default
<marquee direction= "right" behavior= () "Slide" > move from left to the edge to stop very rarely, many browsers are incompatible
A tag: Hyperlink href Indicates the address to connect to target: How to open a new webpage _blank means to open a new page to jump. _self indicates a jump on the current page
Implement a jump inside the page
<a name= "Bottom" href= "#顶端" > Back to Top </a>
Implement a jump between pages
<a href= "3.html# bowl" > Get in the bowl </a>
Send mail to start the default mail client
<a href= "Mailto:[email protected]" > Send mail to 125944832</a>
4, the body of the attributes
Color of text texts
Link hyperlink Color
ALink the colors of hyperlinks when clicked
Vlink the color of the hyperlink after clicking
bgcolor Color of background
Background background replaced with picture
5. List
<ul></ul> unordered List Dots
<li></li> List
Type= "Disk" solid dot
<ol></ol> ordered list numbers
Type= "A" is arranged starting from a
<dl></dl> Custom Lists
<dt></dt> Title
<dd></dd> Content
<th></th> represents the title of the table (bold)
Properties in <td>
Align valign bgcolor width height colspan rowspan
<dl>
<dt> Object-oriented </dt>
<dd> Packaging </dd>
<dd> Inheritance </dd>
<dd> Multi-State </dd>
<dt>c# Cycle </dt>
<dd>for Cycle </dd>
<dd>foreach Cycle </dd>
<dd>while Cycle </dd>
<dd>do-while Cycle </dd>
</dl>
6. Forms
Grammar
<table border= "1" >
<tr>
<td> cell Contents </td>
</tr>
<tr>
....
</table>
<tr></tr> represents a row
<td></td> representing cell contents
cellspacing= "0px" the distance from the border of each cell to the outside border
Cellpadding= the distance between the contents of the "0px" cell and the cell border
Table across rows and columns
Colspan= "2" spans 2 columns across columns
<table border= "1" cellspacing= "0px" cellpadding= "0px" >
<tr>
<TD colspan= "2" > Student achievement </td>
</tr>
<tr>
<td> language </td>
<td>98</td>
</tr>
<tr>
<td> Math </td>
<td>99</td>
</tr>
</table>
Rowspn= "2" spans 2 rows across rows
<table border= "1" cellspacing= "0px" cellpadding= "0px" height= "200px" width= "280px" >
<tr>
<TD rowspan= "2" > Zhang San </td>
<td> language </td>
<td>98</td>
</tr>
<tr>
<td> Math </td>
<td>95</td>
</tr>
<tr>
<TD rowspan= "2" > John Doe </td>
<td> language </td>
<td>88</td>
</tr>
<tr>
<td> Math </td>
<td>91</td>
</tr>
</table>
7. Forms
<form> Forms
The property action represents the path to the server where the data is to be submitted
method indicates the form to submit the data
Get default, submitted as URL, is submitted in the form of the address bar
<form action= "www.baidu.com" method= "get" > </form>
<input/>
Property
Type types
Type= "Text" text box
type= "Password" password
Type= "Submit" Submission name change value= "Submission data"
type= "reset" reset value= "Empty"
Name= "Txtname" name= "txtpwd" need to assign a value to the text box and password box name, otherwise you can not jump to display on the address bar
Type= "Radio" Radio Name= "Sex" name= "married" can group them
Type= "file" to open files
<fieldset> field Set
<legend> Gender </legend> title of the remainder of the fieldset element
</fieldset>
<select> drop-down list
Size= "2" drop-down list shows 2 by default
<optgroup label= "Hebei Province" ></optgroup> option group
<option></option> Options
</select>
<textarea></textarea> text Box
Cols and Rows properties to specify the size of the textarea
COLS Specifies the visible width of the text area
rows specifies the number of visible lines in the text area
<form action= "http://www.baidu.com" method= "Get" >
User name: <input type= "text" name= "Txtname"/><br/>
Password: <input type= "password" name= "Txtpwd"/><br/>
<input type= "Submit" value= "submitted to Baidu"/>
<input type= "reset" value= "Empty"/><br/>
<fieldset>
<legend> Sex </legend>
<input type= "Radio" name= "Sex"/> men <br/>
<input type= "Radio" name= "Sex"/> Women <br/>
</fieldset>
<fieldset>
<legend> Marital Status </legend>
<input type= "Radio" name= "Married"/> Married <br/>
<input type= "Radio" name= "married"/> Unmarried <br/>
</fieldset>
<select size= "1" >
<optgroup label= "Hebei province" >
<option> Shijiazhuang </option>
<option> Cangzhou </option>
<option> Baoding </option>
<option> Langfang </option>
</optgroup>
<optgroup label= "Henan province" >
<option> Zhengzhou </option>
<option> Zhumadian </option>
<option> Luoyang </option>
<option> Xinxiang </option>
</optgroup>
<optgroup label= "Hubei Province" >
<option> Wuhan </opt ion>
<option> Huanggang </option>
<option> Yellowstone </option>
<option> Shiyan </option>
</optgroup>
<optgroup label= "Hunan Province" >
<option> Changsha </option>
<option> Yueyang </option>
<option> Hengyang </option>
<option> Yiyang </option>
</optgroup>
</select><br/>
<input type= "File"/><br/>
<textarea cols= "rows=" >
Contract content
</textarea>
</form>
8, Div+span
Ability to master Css+div layout skillfully
<div> hierarchy element, this line only allows me to exist, does not allow other elements to exist layout
<span> is not a single row of labels, typically used to set font styles
The hosting page cannot be used <body> tags, use <frameset>
Noresize do not move border position
C # Base note (18th day)
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
