HTML<body>标签详解：构建网页内容的核心

需积分: 9 8 浏览量更新于2024-09-19 收藏 89KB DOC 举报

"这篇教程详细解析了HTML中的<body>标签，它是构成网页内容的主要部分，用于展示用户在浏览器中可以直接看到的信息，包括文本、图像、音频、视频等。此外，教程还提到了与<body>标签相关的其他HTML特性，如超链接文字颜色的设定、文档边缘的调整以及对齐和范围属性的使用。" <body>标签是HTML语言中的核心元素之一，它定义了网页的主体内容。在HTML文档结构中，<body>标签通常位于<head>标签之后，<html>标签之内。网页的可见内容，如文字、图片、多媒体元素等，都会被包含在这个标签之中。超链接的颜色可以自定义，HTML提供了三个属性来设置不同状态下的超链接颜色：link（未访问过的链接颜色）、vlink（已访问过的链接颜色）和alink（鼠标点击时的链接颜色）。通过在<style>或者<body>标签内设置这些属性，可以实现链接文字的个性化颜色效果。文档边缘的设置允许开发者调整页面内容与浏览器边框之间的距离，这可以通过在<body>标签中添加topmargin、leftmargin、rightmargin和bottommargin属性来完成，它们分别对应顶部、左侧、右侧和底部的边缘大小，单位通常是像素。对齐属性（ALIGN）用于控制元素在页面上的位置，如LEFT（左对齐，默认值）、CENTER（居中）和RIGHT（右对齐）。同时，WIDTH和HEIGHT属性用于指定元素的宽度和高度，可以使用像素值或百分比进行设定。色彩属性如COLOR和BGCOLOR分别用于设置前景色（文字颜色）和背景色，它们接受#RRGGBB格式的十六进制颜色代码。最后，教程中还列举了一些其他重要的HTML标签，例如<A>用于创建超链接，<IMG>用于插入图片，<BR>用于换行。这些基础标签构成了构建网页的基本元素，理解并熟练运用它们对于网页设计和开发至关重要。

<!DOCTYPE html> <html> <head> <title>Example JSP Page</title> </head> <body>

加载的图片	加载的文件
	<%= fileContent %>

<%-- 动态加载文件 --%> <% InputStream inputStream = pageContext.getServletContext().getResourceAsStream("/MyCar.txt"); Scanner scanner = new Scanner(inputStream); String fileContent = ""; while (scanner.hasNextLine()) { fileContent += scanner.nextLine() + "\n"; } scanner.close(); %> </body> </html> 当前代码报错，请帮我填补修改为正确的

2023-06-11 上传

<title>Example JSP Page</title> </head> <body> <<table border="1"> <tr> <th>加载的图片</th> <th>加载的文件</th> </tr> <tr> <td><img src="car.jpg" alt="Car"></td> <td><pre><%= fileContent %></...

load.jsp为<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>$Title$</title> </head> <body> <form action="load.action">

userID: <input type="text" name="userID" id="userID">

password: <input type="password" name="password" id="password">

<input type="checkbox" name="remeber">记住我

<input type="submit" value="登录">

</form> </body> </html>判断user是否能够登录成功，如果可以重定向到showAllProducts.jsp页面,将代码补全

2023-06-07 上传

<tr><td>password:</td><td><input type="password" name="password" id="password"></td></tr> <tr><td colspan="2"><input type="checkbox" name="remeber">记住我</td></tr> <tr><td><input type="submit" ...

给以下代码添加点击提交后跳转至新界面的功能<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>用户注册</title> </head> <body>
用户注册
<form id="form1" name="form1" method="post" action="addUserServlet">

卡号： <label> <input name="user" type="text" id="user" /> </label>

密码： <label> <input name="pwd" type="password" id="pwd" /> </label>

重输密码： <label> <input name="pwd1" type="password" id="pwd1" /> </label>

账户名： <label> <input name="name" type="text" id="name" /> </label>

<label> <input type="submit" name="Submit" value="提交" /> </label> <label> <input type="reset" name="Submit2" value="重置" /> </label>

</form> </body> </html>

2023-06-10 上传

<input type="submit" name="Submit" value="提交" onclick="location.href='new_page.jsp'"/> ``` 在这里，我们使用了JavaScript的`location.href`属性将页面重定向到`new_page.jsp`页面。您可以将其替换为您想要...

帮我看看下面的代码为啥有问题，并纠正：<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>学生信息</title> <script type="text/javascript"> function studentDelete(studentId) { if(confirm("你确定要删除这个学生信息吗？")){ windows.location="deletestudent?userId="+studentId; } } </script> </head> <body> <c:forEach items="${stuList} " var="stu"> </c:forEach>

学号姓名性别出生年龄入学时间学院操作
${stu.userId} ${stu.userName} ${stu.sex} ${stu.birthYear} ${stu.grad} ${stu.collegeName} <button type="button" onclick="Location='AdminServlet?action=edit$userId=${stu.userId}'">修改</button> <button type="button" onclick="studentDeLete(${stu.userId})">删除</button>
</body> </html>

学号	姓名	性别	出生年龄	入学时间	学院	操作
${stu.userId}	${stu.userName}	${stu.sex}	${stu.birthYear}	${stu.grad}	${stu.collegeName}	<button type="button" onclick="Location='AdminServlet?action=edit$userId=${stu.userId}'">修改</button> <button type="button" onclick="studentDeLete(${stu.userId})">删除</button>

2023-07-15 上传

<body> <table border=1> <tr> <th>学号</th> <th>姓名</th> <th>性别</th> <th>出生年龄</th> <th>入学时间</th> <th>学院</th> <th>操作</th> </tr> <c:forEach items="${stuList}" var="stu"> <tr> <td>$...

对<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <form action="check.jsp" method=post name=form> 请输入用户名：<input type="text" name="username" value="">

请输入密码：<input type="password" name="password" value="">

<input type="submit" value="确定" name=submit> <input type="reset" value="重填" name=reset>
</form> </body> </html>进行javabean封装并在jsp中使用

2023-06-02 上传

<form action="check.jsp" method="post" name="form"> 请输入用户名：<input type="text" name="username" value=""><br><br> 请输入密码：<input type="password" name="password" value=""><br><br> <input ...

<%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ page import="java.sql." %> <html> <head> <title>JSP读取数据库</title> </head> <body> <% String url="jdbc:mysql://localhost:3306/hhstu?serverTimezone=Asia/test1"; //自己修改 String user="root";//MySQ帐号 String password="123456";//MYSQL密码 Connection conn ; try { Class.forName("com.mysql.jdbc.Driver"); conn = DriverManager.getConnection(url,user,password); Statement stmt=conn.createStatement(); ResultSet rs=stmt.executeQuery("SELECT FROM books"); while(rs.next()){ %> <% } //end while }//end try catch(Exception ex){ ex.printStackTrace(); } %>

书号书名作者出版社
<%= rs.getInt("bookid") %> <%= rs.getString("bookname") %> <%= rs.getString("writer") %> <%= rs.getString("publish") %>
</body> </html>修改代码

书号	书名	作者	出版社
<%= rs.getInt("bookid") %>	<%= rs.getString("bookname") %>	<%= rs.getString("writer") %>	<%= rs.getString("publish") %>

2023-06-09 上传

<title>JSP读取数据库</title> </head> <body> <table border="1" align="center"> <tr> <th>书号</th> <th>书名</th> <th>作者</th> <th>出版社</th> </tr> <% String url="jdbc:mysql://localhost:3306/...

<c:forEach var="ticket" items="${ticketList}"> </c:forEach>

机票编号起飞时间到达时间起飞地点到达地点价格选择

${ticket.ticketId} ${ticket.departureTime} ${ticket.arrivalTime} ${ticket.departurePlace} ${ticket.arrivalPlace} ${ticket.price} <input type="checkbox" name="selectedTickets" value="${ticket.ticketId}">

将此代码补充为完整的jsp页面代码

机票编号	起飞时间	到达时间	起飞地点	到达地点	价格	选择
${ticket.ticketId}	${ticket.departureTime}	${ticket.arrivalTime}	${ticket.departurePlace}	${ticket.arrivalPlace}	${ticket.price}	<input type="checkbox" name="selectedTickets" value="${ticket.ticketId}">

2023-05-29 上传

<body> <h1>机票选择</h1> <form action="buyTicket" method="post"> <table> <thead> <tr> <th>机票编号</th> <th>起飞时间</th> <th>到达时间</th> <th>起飞地点</th> <th>...

wangjinwen123456789

粉丝: 0
资源: 3

userID:	<input type="text" name="userID" id="userID">
password:	<input type="password" name="password" id="password">
<input type="checkbox" name="remeber">记住我
<input type="submit" value="登录">

卡号：	<label> <input name="user" type="text" id="user" /> </label>
密码：	<label> <input name="pwd" type="password" id="pwd" /> </label>
重输密码：	<label> <input name="pwd1" type="password" id="pwd1" /> </label>
账户名：	<label> <input name="name" type="text" id="name" /> </label>
<label> <input type="submit" name="Submit" value="提交" /> </label>	<label> <input type="reset" name="Submit2" value="重置" /> </label>

HTML<body>标签详解：构建网页内容的核心

Java&servlet

梁建武之第四章 JSP语法

第六章 JSP技术.docx

最新资源