HTML基础教程：构建网页的基石

html
网页制作
需积分: 20 0 下载量 43 浏览量 更新于2024-07-12 收藏 3.06MB PPT 举报
本资源是一份关于HTML基础知识的教程，主要介绍了HTML的背景颜色设置、网页结构、HTML标签以及一些常见的属性用法。 HTML（HyperText Markup Language）是用于创建网页的标准标记语言，也是大数据可视化的基石。它由一系列的标签组成，这些标签定义了网页的结构和内容。HTML文件通常以.html为扩展名，其内容应包含在<html>标签内，分为头部<head>和主体<body>两个主要部分。 头部<head>中，我们通常会设置文件的元信息，比如<title>标签定义网页的标题，而<link>标签用于引入外部样式表。主体<body>则是网页实际展示内容的地方，可以包含文本、图片、表格、表单等各种元素。 在HTML中，我们可以使用不同的标签来控制文本的样式。例如，<font>标签可以设置字体大小和颜色，如<font size=# color=#>文字</font>，其中#代表1到7的数字，对应七种不同的字体大小，颜色值可以是16进制的颜色代码。<h#>标签用于创建不同级别的标题，#的取值从1到6，数字越大，标题级别越低。 对于背景颜色，可以使用bgcolor属性，如bgcolor="red"，将整个页面背景设为红色。然而，现代的HTML实践中，更推荐使用CSS（Cascading Style Sheets）来设置背景颜色，例如：`<body style="background-color: red;">`。 背景图片可以通过`<body background="back-ground.gif">`来设置，如果图片小于页面，会循环填充。而背景音乐可以使用<bgsound>标签，如`<bgsound src="background_sound.mid" loop="-1">`，loop="-1"表示无限循环播放。 HTML还支持插入图片，使用<img>标签，基本语法是`<img src="image_url" alt="替代文本" align="alignment">`，其中src指定图片的URL，alt为当图片无法显示时显示的文本，align则可以设置图片的对齐方式，如左对齐（left）、居中（center）或右对齐（right）。 此外，HTML还提供了<table>标签用于创建表格，<form>用于创建表单，<div>作为内容分组，<frameset>和<iframe>则用于创建多窗口或嵌入式框架。 在实际应用中，HTML标签可以有属性来进一步定制其行为，例如属性的设置一般格式为：属性名＝属性值，属性值可以使用引号括起，也可以不使用。学习并熟练掌握这些基本知识，是创建和维护网页的基础。通过实践，你可以创建出具有丰富内容和样式的网页。

零基础学习html html教程

2009-11-25 上传
例如，设置背景颜色和背景图片可以通过`<body>`标签的属性完成： ```html <body bgcolor="red"> <!-- 这里的内容将显示在红色背景上 --> </body> <body background="images/background.jpg"> <!-- background....

html <td(l)align=center>情况登记
姓名:(2)
密码:<INPUT size="20" _(3) value="pwd">
性别:<INPUT name="sex" type=radio> 男<INPUT name="sex" type=radio>女
<INPUT (4)_value=”提 交“><INPUT type="reset"(5)>
</form>

2023-06-10 上传
<table border bgcolor="#eeeeee"> <tr> <td align=center><b>情况登记</b></td> </tr> <tr> <td>姓名:</td> <td><input type="text" name="name"></td> </tr> <tr> <td>密码:</td> <td><input size="20...

<%@ page contentType="text/html;charset=utf-8" %> <HTML> <BODY bgcolor=pink> <% String str=request.getParameter("1-2.jsp"); double n=Double.parseDouble(str); double s=0; s=i %>

平方值是：<%=square %> </BODY> </HTML>

2023-06-08 上传
2. `<BODY bgcolor=pink>` 表示设置页面背景颜色为粉色。 3. `request.getParameter("1-2.jsp")` 表示获取名为 "1-2.jsp" 的请求参数的值，这里应该传入参数的名称而不是 JSP 文件名。 4. `Double.parseDouble(str)`...

const templateParameter=["user_name", "service_name"] 将表格中的input框输入的值做绑定能和item一一对应
2023-07-13 上传
<table border cellspacing="0px" cellpadding="0px" bgcolor="#fff"> <tr> <th style="width:250px;background-color: #e7e6e6;">{{$t('parameterKey')}}</th> <th style="background-color: #e7e6e6;">{{$t('...

详细解读一下这段代码：<%@ page language="java" import="java.text.*,java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>使用application内置对象--inputMessage.jsp</title> <style> #form2 input { color: green; font-weight: bold; } </style> </head> <body bgcolor="#abcdef"> <form action="checkMessage.jsp" method="post"> 请输入姓名： <input type="text" name="name" />
请输入标题： <input type="text" name="title" />
请输入内容： <textarea cols="40" rows="10" name="message"></textarea>


<input type="submit" value="留言" /> </form>
<form id="form2" action="showMessage.jsp" method="post"> <input type="submit" value="查看留言板" /> </form> </body> </html>

2023-05-25 上传
</style>：该标签用于定义网页的样式，例如文本颜色、字体等。 7. <body> ... </body>：该标签用于定义网页的主体部分。 8. <form> ... </form>：该标签用于定义一个表单，用于用户输入和提交数据。 9. <input>...

详细解读一下这段代码： <meta http-equiv="Content-Type" content="text/html; charset=GB2312"> <title>使用request内置对象--requestLogin.jsp</title> </head> <body> <body bgcolor="pink"> <form name="form1" method="post" action="requestShowInfo.jsp"> <%--action后面跟着的文件名称是该页面所要携带信息跳转到的页面 ---%>

用户名:<input type="text" name="username">

密 码: <input type="password" name="password">

<input type="submit" name="ReEet" value="OK"> <input type="reset" name="Reset" id="ReEet" value="Cancel">

版本号：<input type="text" name="123.12" value="123.12">

</form> </body>

2023-05-25 上传
<p align="center"> <input type="submit" name="ReEet" value="OK"> <input type="reset" name="Reset" id="ReEet" value="Cancel"> </p>：定义一个段落，同样居中显示；包含两个按钮，一个name属性为“ReEet”，...

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" import="search.user" import="search.ticket"%> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Insert title here</title> </head> <body bgcolor=pink>
录入成功！
<% user user=(user)session.getAttribute("user"); ticket[] tickets=(ticket[])session.getAttribute("tickets"); %> <% for(int i=0;i<tickets.length;i++){ out.println(tickets[i].getId()+" "+tickets[i].getWherestart()+" "+tickets[i].getGotowhere()+" "+ tickets[i].getStart_time()+" "+tickets[i].getAirEnterPrice()+"
"); } %> 发送</a--> </body> </html>如果要把tickets数组发送过去该怎么改

2023-05-26 上传
<input type="hidden" name="ticket<%=i%>_wherestart" value="<%=tickets[i].getWherestart()%>"> <input type="hidden" name="ticket<%=i%>_gotowhere" value="<%=tickets[i].getGotowhere()%>"> <input type=...

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script LANGUAGE="Javascript"> </script> </head> <body> <body BGCOLOR=#ffffff vlink=#0000ff onUnload="bye()"> </body> </html>

2023-06-07 上传
window.addEventListener('unload', () => { const pageOpen = new Date(); const pageClose = new Date(); const time = Math.floor((pageClose - pageOpen) / 1000); alert(`您在这儿呆了 ${time} ...

<%@ page contentType="text/html;charset=utf-8" %> <HTML><BODY bgcolor=yellow> <FORM action=" " method=post name=form> 输入一组字符或数字： <INPUT type="text" name=" "> <INPUT TYPE="submit" value="Enter" name="submit"> </FORM> </BODY> </HTML>修改

2023-06-08 上传
<BODY bgcolor=yellow> <FONT size=3> <FORM action="process.jsp" method="post" name="form"> 输入一组字符或数字： <INPUT type="text" name="input"> <INPUT type="submit" value="Enter" name="submit"> ...

优化一下<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>searchResult</title> </head> <body> <c:forEach var="mf" items="${requestScope.searchlist }">

</c:forEach> </body> </html>
2023-06-12 上传
3. 对于<c:forEach>标签中的循环，可以使用JSTL标准库中的分页标签<c:forEach>，来优化页面的性能。 4. 对于表格中的图片，可以使用CSS样式来设置图片的大小和样式，而不是在HTML标签中写死。 5. 对于<a>标签中的...
四方怪
  • 粉丝: 28
  • 资源: 2万+
上传资源 快速赚钱

最新资源

{{$t('parameterKey')}} {{$t('parameterValue')}}
{{ item }} <input @input="change" >
${mf.id} ${mf.gname} <imgstyle="width:50px;height:50px;"scr="uploadFile/${mf.gpicture}"border="0" title="${mf.gname}"/> ${mf.grprice} 去看看</