[JavaWeb] HTML

复制代码
<!DOCTYPE html> <!-- 声明HTML文档 -->

<html lang="en"> <!-- 语言，中文简体：zh-Hans，中文繁体：zh-Hant -->
<head>  <!-- 文档头部，设置文档编码集，引入的css、Script等 -->
    <!-- meta标签设置网页中的元数据 -->
    <meta charset="UTF-8"> <!-- 字符集 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- 视口 -->
    <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
    <title>网页标题</title>
    <link rel="stylesheet" href="style.css"><!-- CSS引入 -->
    <script src="script.js"></script><!-- JS引入 -->
</head>
<body>  <!-- 文档主体 -->
    <!-- 主要放置html标签 -->
</body>
</html>
复制代码

重要标签介绍:

　　　　1.块标签:

　　　　　　<div></div>

　　　　　　<span></span>

　　　　2.表格标签:

　　　　　　<table></table>

　　　　　　<th></th>

　　　　　　<tr></tr>-+

　　　　　　<td></td>

　　　　3.文字

　　　　　　<font></font>

　　　　4.队列

　　　　　　<ul></ul>   无序

　　　　　　<ol></ol>   有序

　　　　　　<li></li>

　　　　5.表单

　　　　　　<form></form>

　　　　　　<input/>

重点属性:

　　　　1.input

　　　　　　type : 1. text 一段文本行     2.number 一段只能输入数字的文本行 3.email 只能输入邮箱 4.range 取值范围 5.time 时间框 6.date 日期框 7.color 取色范围 8.password 密码框

　　　　　　　　　9.radio 单选框  10.checkbox 复选框  11.submit  提交按钮  12.button  普通按钮  13.reset  重复按钮  14.image  图片提交按钮   15.file   文件   16.hidden  隐藏域

　　　　2.form

　　　　　　action :  表单提交地址

　　　　　　method : 提交方式

　　　　　　enctype : 提交类型

　　　　3.table

　　　　　　border : 设置表格边框

　　　　　　width height : 设置表单的宽度或高度

　　　　　　align valign : 设置单元格的水平或垂直对齐

　　　　　　bgcolor :  设置表格的背景颜色

　　　　4.a　　

　　　　　　href : 目标链接

　　　　　　target : 页面打开方式

　　　　5.img

　　　　　　src : 引入图片的地址

　　　　　　width height : 图片的高度和宽度

　　　　　　align : 对齐方式

　　　　　　alt tittle : 图片的提示信息 alt 是图片崩溃时的信息  tittle 是图片显示完好时的消息

　　　　　　hspace vspace : 在图片的左右 和 上下设定空白

　　　　6.ul

　　　　　　type : 1.circle 空心圆   2.disc 实心圆  3.square 黑色方块

　　　　7.font

　　　　　　size : 字体的大小

　　　　　　color : 字体的颜色

　　　　　　face : 字体的类型样式

　　　　

posted @   Lzzycola  阅读(151)  评论(0)  编辑  收藏  举报
编辑推荐：
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
阅读排行：
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· DeepSeek在M芯片Mac上本地化部署
点击右上角即可分享
微信分享提示