Java EE Employment--html Language Summary

Source: Internet
Author: User



Html: Hypertext Markup Language

: Web Language
Spec: 1, start with 2, there are two components,The title tag in the Header tab can be displayed

To manipulate the data, first wrap the data in a label and set its properties and property values
Format: < Tag property = "attribute value" ></label > which can also be written < label property = ' property value ' ></tag >
Some tags do not end. For example <br/> ends within the tag.

HTML ideas
The data in the Web page, depending on the requirements may show different effects, you can modify the label properties and property values to achieve the effect.
The label is equivalent to a container, you can modify the container's property values to change all the data in the container

Common tags
Text and Comments:
<font></font>
Size: Range is 1-7, more than 7 is 7
Color

Title Tags:

Horizontal line Label:
&LT;HR color = "Blue" size= "5"/> does not have an end tag and ends within the label size value is thickness

Special characters:
&lt; <
&gt; >
&nbsp; Space
&amp; &
Double quote ":&quot;
:&reg; Register character
Copyright symbol: &copy;

List Label:
<dl></dl>: Indicates list contents
<dt></dt>: List header upper content
<dd></dd>: List downlevel content

Display list contents with serial number
<ol></ol>: Label Range:
<!--
Property Type value 1
Property Type value A
Property Type Value I
-
<li> content </li>

Display list contents of unordered numbers
<ul></ul>: Label Range:
<!--
Property type value type: Hollow Circle Circle, solid circle disc, solid square square, default disc
-
<li> content </li>


Image label

**<alt> This is what is shown on the picture, the mouse is placed in the picture for a moment to see </alt>

Image in HTML ancestor directory with ".. /"Indicates the parent directory, which is relative to the HTML file
Distinguishing relative paths from absolute paths


Hyperlink label
* * Connect Resources
<a href= "Address to connect" > What to display </a>
One of the properties
Property target value _self the current page opens the browser default
Property target value _blank opens in new page
<a href= "Address to be connected" target= "_blank" >
* * Locate resources (back to top case)
Definition location: <a name= "Location" ></a>
Arrival location: <a href= "#位置" ></a>//must add #
* * Output label:<pre> content </pre>

Table Labels
Function: Data formatting, specification.
<table><table/> Table Range
<tr> rows </tr> represents a row
<td> Cells </td> Cells
Table Property
The border value is 1-7.
Color of the bordercolor line
Width width
Height height
CellSpacing the distance between cells
TR attribute
Alignment: Align value: Left: Center centered: Right:
TD Properties
Alignment: Align value: Left: Center centered: Right:

* * indicates cell <th></th>: function is the contents of cell in the home and bold
* * Table title <caption> set title of table </caption>
* * table centered <center></center>, written outside the table
* * Merge Cells
RowSpan: Cross-line
Colspan: Cross-column


<></>
For example:
<table border= "0" bordercolor= "RED" cellspacing= "Cell direct Distance" >
&LT;TR rowspan= "3" ><!--across lines--
<td> cells </td>
<td> cells </td>
</tr>
<tr>
&LT;TD colspan= "2" > Cells </td><!--across columns--
<td> cells </td>
</tr>
<table/>

Form labels (most important)
**<form action= "Server" ><form/> indicates the scope of the form, beginning to end
* * Committed server, you can use the properties: action
* * Set Submission method: You can use properties: Method value get and post submission
* * File Upload settings: attribute enctype

* Interview question: What is the difference between the get and post methods submitted by the form label?
The GET request data is displayed in the Address bar,
Get Request Security level is low, post security is relatively high,
Get Request data size limit, POST request no size limit


**<input type= "Different types"/>
1,<input type= "text"/> text entry
2,<input type= "password"/> Password entry
3,<input type= "Radio" name= "Sex" value= "Nan"/> Single choice input 1
<input type= "Radio" name= "Sex" value= "NV"/> Single Choice input 2
* * must have name, and name is consistent, default selection with attribute checked= "Checked"
* * In addition to the name attribute, there is a Value property
4, <input type= "checkbox" Name= "Love" value= "1"/> Check entry
<input type= "checkbox" Name= "Love" value= "2"/> Check entry 2
<input type= "checkbox" Name= "Love" value= "3"/> Check entry 3
* * In addition to the name attribute, there is a Value property
* * The default selection state can use the attribute checked= "checked"
5,<select name= "Xueli" > drop-down selection
<option>--Love Choice--</option>
<option> drop-down selection 2</option>
<option> drop-down selection 3</option>
<option> drop-down selection 4</option>
* * This should also have value values

</select>
6,<textarea cols= "Few rows" rows= "several columns" ></textarea> text fields

7,<input type= "file"/> Input entry

8,<input type= "Submit" value= "button display text"/> Submit button, submit to Server

9,<input type= "image" src= "picture address" > Submit action, Picture submission

10,<input type= "reset" value= "reset button name"/> Reset button to restore the initial status of the form

11,<input type= "button" value= "one button" > Normal button, and JS combination

12,<input type= "hidden" name= "hidden Content" > Hidden items

Other tags in html
b Bold
U underline
I italic body
S strikethrough
P Paragraph
Pre as output
Sub subscript
SUP Superscript
Div Wrap Line
span is displayed on one line

**html's head tag
Title: Caption
Base: Set up hyperlinks some actions
Meta: Provide information about a page, such as a search page for a keyword
Link: Referencing external files, often used in conjunction with CSS

Frame labels
Divide a page into multiple separate pages
Frameset: Page Partitioning method
Properties rows
<frameset rows= "30,*" >
Property cols
<frameset cols= "30,*" >
Frame
<frame src= "HTML path" ></frame>
When using a frame label, it cannot be written inside the body, nor can it be written outside, the solution is to remove the body

Extended label A
If access to network resources plus "/http" <a href=src= "http://www.baidu.com" > Baidu a bit </a>
For protocols not supported by the browser, the supported applications are found locally at startup

Java EE Employment--html Language Summary

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.