Front-end technical study, front-end technology
<Body>
Here is index.html
</Body>
If it is frameset, no body is required.
Error:
Solution: left has no resources and Error 404 is displayed.
When we are working on the framework, frameset can be understood as tr rows, frame can be understood as td columns, and multiple columns in a row are allowed.
In addition, when writing src, the system will search for resources under your folder by default, so it is best to first write the website name and paste it.
How to remove line border = IN THE FRAMEWORK"1"Border = "0"
If not all data is displayed in the framework, you can set rows = "15%, 14%, xxxx" in the frameset to modify the ratio.
Html5 + CSS3 is amazing
Css style sheet for page beautification
Selector, attribute, and attribute value
Format: Selector {property: property value}
1. Tag selector body table and so on.
2. The class selector starts with "." and ". Class Name" {attribute: property value}
3. ID Selector
4. Format: starting with #, # ID name {attribute: attribute value}
The background of an interface remains unchanged, and most of them are styles.
CSS is embedded and written in the style before html.
<Style>
A {
Font-size:30px
}
. One
{
Font-size:30px;
Color:Red;
Font-Family:Shu shu;
}
. Two
{
Font-size:30px;
Color:Red;
Font-Family:Shu shu;
}
. Three
{
Font-size:30px;
Color:Red;
Font-Family:Shu shu;
}
# First
{
Color:Red;
}
# Secoed
{
Color:Blue;
}
</Style>
It is best to use the external embed type, which can be directly referenced.
<Link rel = "sytlesheet" type = "text/css" href = "css/day4.css"/>
Rel indicates
II. Introduction to JavaScript
Basic Syntax: case-sensitive, variable type, unified var. Each statement can end with a semicolon
Keywords: break, case, do, else, for, if, function, retrun, while, catch, continue, default, delete
Variable declaration is the same as C ++
Control statement: if ifelse switch
Alert dialog box
<Script language
Embed JavaScript
<Scripttype ="Text/javascript">
FunctionLogincheck ()
{
Alert ("I'm coming out ")
}
</Script>
For JavaScript statements, do not end with a semicolon. Otherwise, an error is reported and a full error is returned.
<Scripttype ="Text/javascript">
FunctionLogincheck (){
VarUserName = document. login. userName. value // you need to strip the document Object, login is the form name, and userName is the text box.
. Value is to get the value you entered in the text box.
VarPassword = document. login. password. value
If(UserName = ""){
Alert ("user name cannot be blank ")
ReturnFalse
}ElseIf(Password = ""){
Alert ("the password cannot be blank ")
ReturnFalse
}
Alert ("I have come out" + userName + password)
}
This is called the script language. In fact, the script statement JavaScript is the simplest one, which is suitable for user password verification.
In addition, when we make the page, we must verify it at the time of submission. We need to add a click event.
<Inputtype ="Submit"Value ="Save"Name ="Btn"
Onclick = "return logincheck ();">
If there is a return in the function, you can directly use the return function.
Common Errors:
Real-time refresh is required.
Common Web errors:
1. The web page cannot be displayed if tomcat is not started. It is a white skin.
2. 404 The requested resource does not exist. Check whether the url is correct (Unified Resource Locator URL) protocol + IP + file path
Html login interface, you can find other people's templates.