<!--声明-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
哈喽 沃德
</body>
</html>
<!--段落标签p 标题标签h12345-->
<!--换行 单标签br-->
<!--水平线标签hr-->
<!--加粗 strong-->
<!--斜体em-->
<!--特殊符号 大于号> 小于号< 空格 引号" 版权符号 © -->
<!--<img src 图片的路径(必填) title鼠标悬停显示 alt图片名字 w h 宽高-->
<!--绝对路径:不推荐使用
相对路径 上一级路径../
-->
<!--a表示超链接 href表示链接的地址-->
<!--图像链接 内容嵌套 <a href="ts1.html"> <img src="../resources/images/xingye.jpg"> </a>-->
<!--功能性链接-->
<!--target 目标跳转的网页打开方式 blank打开新的网页 self在本网页打开-->
<a target="_blank" href="mailto:31231@qq.com">发送邮件</a>
<!--qq点击链接 https://shang.qq.com/v3/widget.html-->
<!--锚链接 可以从一个地方跳到锚指定的地方
<!--独占一行的标签:行内标签 p h1-h6
块标签 只有自己一部分 可以在行内定义多个标签 a strong img em
-->
<!--1创造一个标记-->
<a name="mark">锚链接标记</a>
<!--跳转到锚-->
<a href="#mark">跳转到锚</a>
<a href="demo.html#mark1">跳转去demo的mark</a>
<img src="../resources/images/xingye.jpg" title="悬停了啥" alt="图片" width="300" height="300" >
<a href="demo.html">点击送神器</a>
<h1>无序列表</h1>
<!--无序列表 ul 选项 li-->
<ul><li>java</li>
<li>pathon</li>
<li>c++</li>
</ul>
<hi>有序列表</hi>
<!--有序列表ol-->
<ol><li>java</li>
<li>pathon</li>
<li>c++</li></ol>
<!--自定义列表dl 列表标题dt 列表内容dd-->
<h1>自定义列表</h1>
<dl>
<dt> 学习 </dt>
<dd>java</dd>
<dd>wt</dd>
<dd>innovation</dd>
<dt>不学了</dt>
<dd>d </dd>
</dl>
<h1>表格</h1>
<!--
表格 tr行 td列 colspan跨列/合并单元格 rowspan跨行
-->
<table border="1px">
<tr>
<td colspan="2">1-1</td>
<td>1-2</td>
<td>1-3</td>
<td>1-4</td>
<td>1-5</td>
</tr>
<tr>
<td rowspan="2">1-1</td>
<td>2-2</td>
<td>2-3</td>
<td>2-4</td>
<td>2-5</td>
</tr>
<tr>
<td>3-1</td>
<td>3-2</td>
<td>3-3</td>
<td>3-4</td>
<td>3-5</td>
</tr>
</table>
<!--视频
video 标签 src视频路径 controls给视频增加控制播放的按钮 autoplay自动播放-->
<h1>音频视频</h1>
<video src="../resources/video/多线程21：CopyOnWriteArrayList.mp4" controls width="px"height="1080px"></video>
<!--音频-->1280
<audio src="../resources/video/Human%20Legacy%20-%20Ivan%20Torrent.mp3" controls></audio>
<!--<header></header>头部 <footer>尾部</footer>
<nav>导航</nav> <article>放文章</article>
<code>代码</code> <section>独立区域</section>
layui
-->
<!--iframe内联框架 在一个网页嵌入另一个网页-->
<iframe name="hidden" src="" frameborder="1" ></iframe>
<a href="ts1.html" target="hidden">在吗</a>
<h1>表单</h1>
<!--form是表单元素
action:提交地址
method为提交方式 post/get post比较安全 效率低 可以提交无限大的文件 get不安全 效率高 一次请求的文件量特别少
input->text name->名字,可以重复 id->不能重复,保证唯一 disable禁用文本框
-->
<h1>注册</h1>
<form action="demo.html" method="get">
<p>用户名: <input type="text" name="username" id="username" placeholder="输入名字"></p>
<!--input type=password submit提交 value改名 重置表单reset
提交会产生事件,会将表单的内容提交到action请求的地址,方法为method指定的方法
-->
<p> 密码: <input type="password" name="password"required></p>
<p>确认密码 : <input type="password" name="password"> </p>
<p><input type="submit"></p>
<p><input type="reset" name="button"></p>
<p><input type="button" value="我的按钮"></p>
<p><input type="file"></p>
<!--file文件域
radio单选框 name绑定同一个组 -->
<p><input type="radio"value="男" name="group">男
<input type="radio"value="女" name="group">女</p>
<h1>多选框</h1>
<p>爱好
<input type="checkbox"value="movie" name="hobby">看电影
<input type="checkbox"value="listen" name="hobby">影
<input type="checkbox" value="look" name="hobby">看影
<input type="checkbox" value="code" name="hobby">电影
<input type="checkbox"value="watch" name="hobby">看电
</p>
<p><input type="submit"></p>
<!--注意::::若是要提交 则必须要有name和value属性
name就是key提交的键 value就是提交的信息
-->
<!--下拉框select-->
<hi>下拉框</hi>
<select name="中国" >
<option value="西安">西安</option>>
<option value="陕西">陕西</option>>
<option value="新疆">新疆</option>>
</select>
<p>
<input type="image" src="../resources/images/导包.PNG">
</p>
<!--文本框 -->
<p>
<textarea name="textarea" cols="10" rows="20" >文本内容
</textarea>>
</p>
<!--邮箱表单检测-->b
<p>
<input type="email"name="email">
</p>
<!--网址-->
<p>
<input type="url"name="url">
</p><br>
<!--数字-->
<input type="number"><br>
<!--滑块 范围0-100 默认50 可用value调默认值-->
<input type="range" name="range" ><br>
<!--搜索框-->
<input type="search" name="search">
<!--
只读 readonly
隐藏域 hidden
禁用 disable
placeholder 提示信息
required非空判断
-->
</form>
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
