怎么才能简洁的把HTML的代码记住?

怎么才能简洁的把HTML的代码记住?,第1张

如果你以后要学ASP 或者.net之类的开发语言的话,有必要会使用HTML代码。 你先记住最基本的代码: -=-=-=-=-=-=-=-=-=-=-=-=-=- 比如构成网页的基本代码: <html> <head> </head> <body> 这里是文字 </body> </html> 上面都是成对出现的, 另外,"<head>"好比人的头,"<body>"好比人的身体,标题是贴在头上的,普通的代码都是放在人的身体里的. 然后再记其它的.——你把上面的网页慢慢的把它变复杂,把代码一点一点的往上加,相信你不久就会熟练的.

首先我是新手, 看到这个问题试了下, 不知道能不能帮助你!希望~

还有很多条件没有判断, 我正则不是很会。 写的很粗糙,勉强能用, 希望别介意哈!

<?php

class Database {

public $conn

public function Database() {

$this->conn = mysql_connect("localhost","user","password")

mysql_select_db("gamesearch",$this->conn)

mysql_query("SET NAMES 'UTF8'")

}

public function get_data_array($sql) {

$rs = mysql_query($sql,$this->conn)

$data_array = array()

while($data = mysql_fetch_array($rs,MYSQL_ASSOC)) {

$data_array[] = $data

}

mysql_free_result($rs)

return $data_array

}

}

$db = new Database()

if($_GET['year'] == "") {

echo "请输入年份!"

}else {

if($_GET['year'] == "all") {

$sql = "select GameName from GameSearch"

}else {

$sql = "select GameName from GameSearch where ReleaseYear = ".$_GET['year']

}

$data = $db->get_data_array($sql)

foreach($data as $k=>$v) {

echo $v['GameName']."<br />"

}

}

?>

<form action="test.php" method="get">

年份:<input type="text" name="year" value="all" />

<input type="submit" value="提交" />

</form>

动态的Ajax分页,代码如下:

<%@ page language="java" contentType="text/html charset=utf-8"

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" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<base href="<%=basePath %>" />

<meta http-equiv="Content-Type"

content="text/html charset=ISO-8859-1">

<title>Insert title here</title>

<script type="text/javascript" src="scripts/jquery-1.5.1.js"></script>

<script type="text/javascript">

var list // the list of data

var totalPages // the total of pages

var pageSize = 5 // each size of page

var pageIndex = 1 // the index of current page

$(function(){

send()

})

function send() {

$.ajax({

url: "DistrictServlet",

type: "POST",

data: {"function":"list"},

dataType: "json",

success: function(data) {

// list = data

var records  = data.length

if (records % pageSize == 0) {

totalPages = records / pageSize

} else {

totalPages = Math.round(records / pageSize)

}

$("#pageIndex").html(pageIndex)

$("#totalPages").html(totalPages)

binding(data)

}

})

}

function changePage() {

$.ajax({

url: "DistrictServlet",

type: "post",

data: {"function":"list"},

dataType: "json",

success: function(data) {

binding(data)

}

})

}

function binding(data) {

var start = (pageIndex - 1) * pageSize

var end = pageIndex * pageSize

var html = ""

$.each(data, function(index, district) {

if (index >= start && index < end) {

// show data

html += "<tr><td>" + district["id"]+ "</td><td>" +district["name"]+"</td></tr>" // .........

}

})

$("table").html(html)

$("#pageIndex").html(pageIndex)

}

function nextPage() {

pageIndex += 1

if (pageIndex > totalPages) {

pageIndex = totalPages

return

}

changePage()

}

function lastPage() {

pageIndex -= 1

if (pageIndex < 1) {

pageIndex = 1

return

}

changePage()

}

function skipPage(index) {

pageIndex = index

changePage()

}

</script>

</head>

<body>

<div><span id="pageIndex"></span>/<span id="totalPages"></span></div>

<div>

<a href="javascript: lastPage()">last</a>

<a href="javascript: nextPage()">next</a>

</div>

<div id="list"><table></table></div>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7404027.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-05
下一篇 2023-04-05

发表评论

登录后才能评论

评论列表(0条)

保存