您的位置：首页 > Web前端 > CSS

小仙女 html、css、js基础Java实训05

2017-07-02 20:39 477 查看


IN 操作符

  IN 操作符允许我们在 WHERE 子句中规定多个值。


SQL IN 语法:

SELECT column_name(s)
FROM table_name
WHERE column_name IN (value1,value2,...)


HTML:



概念(HyperText Markup Language) :  超级文本标记语言

html对大小写是不敏感的，w3school建议html4使用小写标签



编码集：



中文的编码集：GBK ,GB2312,UTF-8

西方字体编码集：ISO-8859-1（不支持中文）

繁体字：BIG

<mate>:



<meta http-equiv="Refresh"
content="n;url=http://yourlink"><!--定时让网页在指定的时间n内，跳转到你的页面；-->

页面跳转：

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <base href="<%=basePath%>">        <title>My JSP 'MyJsp.jsp' starting page</title>    	<meta http-equiv="pragma" content="no-cache">	<meta http-equiv="cache-control" content="no-cache">	<meta http-equiv="expires" content="0">    	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">	<meta http-equiv="description" content="This is my page">	<!--	<link rel="stylesheet" type="text/css" href="styles.css">	-->	<script type="text/javascript">		function go(){			 setTimeout("delayURL()", 5000); 			 clearTimeout(this); 			}    	   	    function delayURL() {             window.location.href = "test/qb.html";        }        	</script>
</head>  <body onload="go()">  	<span style="text-indent: 2em; margin-top: 30px;">GO GO GO </span>  </body></html>


 来自CODE的代码片
forword

<form>:

属性：action

method：post ，get

post: 1url?后面加上传送的字符串；2，传送资料会显示在浏览器的地址栏；3.会有安全问题；4.传送资料不可太大

      get:转送表单信息作为httprequest的一部分，资料不会显示在浏览器的地址栏，传送资料可以很大

      要求：

1，.安全性高 ；2， 字段文本；3，file表单域时，用post传送方式，其他都可以的get,post都可以

 单选按钮一般是多个出现，同一类型的单选框name属性保持一样，如果不一样name就是不同组的按选框

隐藏域是需要显示在页面的信息。

<from>表单域：

文本框：<input type= "text" id = "wbk" name="wbk" value="文本框" readonly disabled/>
密码框：<input type= "passwoed" id = "mmk" name="mmk" value="mm" readonly disabled/>
单选按钮：<input type= "radio" id = "radiol" name="hobby" value="nan" checkbox/>
复选框：<input type= "CheckBox" id = "radiol" name="hobby" value="nan" />
隐藏域：<input type= "hidden" id = "radiol" name="hobby" value="nan"/>
文本域：《textarea》 row
图片域：<input type= "image" id = "radiol" name="hobby"  src = “图片名”title = “”取名“”alt =“”找不到该图片“” width=“”30px“” height=“”90px“”/> 
文件上传域：有file的表单只能用post传送方式
<frameset>标签的属性：

cols一列方式分割；
rows以行方式分割；

css:

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

css的优点：
独立于html文件，方便修改，同时加快页面加载的速度，同时也能够实现同意效果的重用，多张网页使用同样的CSS情形下，只需一次加载，减少代码量。
选择器：

id 选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。id 选择器以 "#" 来定义。下面的两个 id 选择器，第一个可以定义元素的颜色为红色，第二个定义元素的颜色为绿色：
#red
 {color:red;}
#green
 {color:green;}


下面的 HTML 代码中，id 属性为 red 的 p 元素显示为红色，而 id 属性为 green 的 p 元素显示为绿色。
<p [code]id="red"
>这个段落是红色。</p>
<p 
id="green"
>这个段落是绿色。</p>[/code]

在 CSS 中，类选择器以一个点号显示：
.center
 {text-align: center}

在上面的例子中，所有拥有 center 类的 HTML 元素均为居中。

在下面的 HTML 代码中，h1 和 p 元素都有 center 类。这意味着两者都将遵守 ".center" 选择器中的规则。
<h1 [code]class="center"
>
This heading will be center-aligned
</h1>

<p 
class="center"
>
This paragraph will also be center-aligned.
</p>[/code]

CSS 元素选择器
最常见的 CSS 选择器是元素选择器。换句话说，文档的元素就是最基本的选择器。

如果设置 HTML 的样式，选择器通常将是某个 HTML 元素，比如 p、h1、em、a，甚至可以是 html 本身：
html {color:black;}
h1 {color:blue;}
h2 {color:silver;}











                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航