* HTML
* Html:hypertext Markup Language Hypertext Markup Language.
* HTML is the most basic web language.
* HTML code is made up of tags.
* Basic HTML format
Information that holds properties, accessible information
Introduction of external files (important)
Will load first
<body>
The real data is stored.
</body>
* Most tags have start and end tags, with individual labels because only a single function, or no content to be decorated, can end within the tag.
* If you want to enrich the contents of the tagged content, we use the attributes in the tag and add more effect choices by changing the value of the property.
* The attribute is concatenated with the attribute value with a "=", and the attribute value can be in double or single quotes or without quotation marks, usually in double quotes. or the company stipulates written specifications.
* MyEclipse provides the installation package
* Install JDK, configure environment variables
* Install MyEclipse.
* Configuration
* Configure the encoding of the workspace (with UTF-8 encoding) (Install MyEclipse, configure first)
* window-preferences-general--workspace-Select UTF-8 encoding
* After creating the HTML file, if it is not UTF-8 encoding, it can be set.
* Window-preferences-myeclipse-files and editors-html-modified to UTF-8 encoding
* After creating the HTML file, you can choose how to open it and set the default open mode.
* Window-preferences-general-editors-file associations-Select *.html-Select myeclipse HTML editor-select default-Select OK
* (write HTML) create a Web project
* Create a Web project
* Right--select web project--its name--Complete is OK.
* Writing HTML files
* In the Webroot directory--right--new--myeclipse--web--Select the basic template for HTML--its name--to complete.
* Real tags for html
* Layout of labels
* <!---->html notes
* <br/> Wrapping Label
*
Layout labels
* <br/> Line break
* * Color: Colors
* The wording of the value: two kinds of
1) Write the words directly in English (Red Green blue)
2) RGB Tri-color (red green blue) #ab1255
* Width: Wide
* Value two kinds of notation: 1) 200px;
2) can write percent
Difference: The percentage changes with the size of the browser, and the pixel value does not.
* <p></p> paragraph Label
* Leave a blank line for the beginning and end of the paragraph label.
* Align: Alignment
* stands for Space
* In the browser declaration of an area, the area into other (text, sub-tags)
* <div></div>+css+div the layout of the Web page (art)
* <span></span>
* div block-level elements (newline symbols)
* Span tags do not wrap inline elements.
* Font Label
* <font> content of Fonts </font>
* Font Tags:
* <font></font>
* Color: Colors
* Size: Sizes of fonts
* Maximum and minimum values
* Minimum value is: 1
* Maximum value is: 7
* Default value: 3
* The notation of the value +2 (3+2)
* Face: Type of font
* Title Tag
* ...
* Features: Gradual narrowing
* Bold Body
* <b></b>
* Italic Body
* <i></i>
* Tags can be nested
<b><i> content of text </i></b>
* Special Characters
* <<
* >>
* & &
* Scrolling subtitles (forget it)
* List Label (* * * * *)
* Data Formatting List
<dl>
<dt> Top Projects </dt>
<dd> Lower level projects </dd>
<dd> Lower level projects </dd>
* Auto-align, indent
</dl>
* There are sequence lists and unordered list
* Orderly
<ol>
<li> Data Entry </li>
<li> Data Entry </li>
<li> Data Entry </li>
</ol>
* Properties of OL
* type= "a"
* start= "" from where to start
* Unordered (most used)
<ul>
<li> Data Entry </li>
<li> Data Entry </li>
<li> Data Entry </li>
</ul>
* Properties of UL
* type= ""
* Picture Label (* * * * *)
Properties
* src= "image Address"
* width= "Image display width"
* Height: altitude of image display
* alt: Descriptive text of the picture
* Hyperlink Tag (* * * * *)
* Wording:<a></a>
* Link Resources
* attribute must be specified: href= "linked Address"
* Need to write protocols
* HTTP
* protocol for default file files
* If the browser can parse the file, the file will be opened by default.
* If the browser can not parse the file, pop up the download window.
* Support Custom Protocols
* Browser can not parse the protocol, the default to find the operating system reference program.
* Locate Resources
* Name defines the anchor point
* Click href= "#锚点名称"
* Table Label (* * * * *)
* Encapsulate the data into a table.
* Table Label
<table>
<caption> User List </caption>
<tr>
<th> Data </th>
<th> Data </th>
</tr>
<tr>
<td> Data </td>
<td> Data </td>
</tr>
</table>
Properties of Table
* Border: Border
* Width: Wide
* Height: High
Properties of TR
* Align: The alignment of the middle text
TD Get TH
Difference: The content in the middle of th is shown in bold.
The content in the middle of th is centered by default.
Th is usually used to form the table header
Properties of TD
* Width
* Height Altitude
* Merge cells (the notation of values: Merge several cells, the value will be a few)
* Line Merge Rowspan= ""
* Column Merge Colspan= ""
* <caption></caption> must be written in the middle of table
* Form label (**********)
* Collect user-entered data
* Label of the form
<form >
* Properties of form
* action= "form submission path"
* http://www.baidu.com
* HTML page
* method= "Submit method (default is Get method)" (Interview question)
* How are form forms submitted? (The difference between get and post)
* A: Form forms are submitted in many ways, often with two post and get
* The difference between post and get submission methods:
* The Get method will display the parameter list in the Address bar, the Post method will not (the request body).
* The Get method indicates that the site security level is low and post security level is high.
* Get mode does not support big data, post supports Big data.
* We recommend that you use the Post method.
* Content entered by the user
<input type= "type" name= "name (must be specified)" value= "Whether the Value property is specified"/>
* The name attribute must be specified, and value can be specified by the case
* type= "text" Normal text box
* Name must be specified
* type= "Password" password box
* * Name must be specified
* type= "Radio" radio button
* Name must specify that value must be specified
* Name attribute, value to be the same
* Default value: Checked=checked or True
* type= "checkbox" Multi-select button
* Name must specify that value must be specified
* Default value: Checked=checked or True
* type= "reset" Reset: Revert to the original state
* type= "submit" form
* After clicking Submit, the Address bar has changed (? sex=on)
* After adding the name attribute name= "username" on the normal text box, click Submit, the Address bar has changed (? username=haha&sex=on)
String str = "? Username=haha&sex=on";
* USERNAME=ZHANGSAN&PASSWORD=123&SEX=NAN&LOVE=ZQ
* type= "file" to select files
* The Name property specifies
* type= "hidden" hidden components
* Name Specifies the value specified
* type= "button" buttons
* value= "text displayed"
* and JS (JavaScript) Binding events
* type= "image" image
* Submit a file to be introduced externally (image)
* Declaration Selection box
<select name= "City" >
<option value= "BJ" ></option>
<option value= "sh" ></option>
</select>
* <textarea> text fields
* rows= "line"
* clos= "column"
* The Name property specifies
* selected= "selected" stands for default value
</form>
* Frame tag (learn)
* Layout of the Web page
<frameset rows= "150,*" >
<frame > Representative Upper part
<frame > on behalf of the lower part
</frameset>
* Prerequisites: cannot be written inside and below the <body> label
day01-html 168 Java EE Employment class
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
