JAVA学习笔记（HTML快速入门）

时间：2023-08-03

文章目录

1、快速入门2、基础标签3、图片、音频、视频标签

3.1、超链接标签3.2、列表标签3.3、表格标签3.4、布局标签3.5、表单标签3.6、type取值 1、快速入门

1.新建文本文件，后缀名改为 .html/.htm

2.编写 HTML结构标签

3.在中使用

定义标题字体

4.使用标签定义图片

5.保存后，使用浏览器打开该文件

标签描述定义 HTML 文档定义关于文档的信息定义文档的标题<body>定义文档的主体2、基础标签 <thead><th>标签</th><th>描述</th></thead> ~ 定义标题，h1最大，h6最小定义文本的字体、字体尺寸、字体颜色定义粗体文本<i>定义斜体文本<u>定义文本下划线<center>定义文本居中<p> 定义段落<br>定义折行定义水平线 <thead><th>HTML 原代码</th><th>显示结果</th><th>描述</th></thead><<小于号或显示标记> ;>大于号或显示标记&&可用于显示其它特殊字符"“引号®®已注册©©版权™™商标不断行的空白3、图片、音频、视频标签 <thead><th>标签</th><th>描述</th></thead>定义图片定义音频<video>定义视频<p> <p> img：定义图片</p> <p> src：规定显示图像的 URLheight：定义图像的高度width：定义图像的宽度 <p> audio：定义音频。支持的音频格式：MP3、WAV、OGG</p> <p> src：规定音频的 URLcontrols：显示播放控件 <p> video：定义视频。支持的音频格式：MP4, WebM、OGG</p> <p> src：规定视频的 URLcontrols：显示播放控件 3.1、超链接标签 <thead><th>标签</th><th>描述</th></thead>定义超链接，用于链接到另一个资源<p> href：指定访问资源的URLtarget：指定打开资源的方式 <p> _self:默认值，在当前页面打开 <p> _blank：在空白页面打开 3.2、列表标签 <thead><th>标签</th><th>描述</th></thead>定义有序列表<p> 定义无序列表定义列表项<p> type：设置符号的类型 3.3、表格标签 <thead><th>标签</th><th>描述</th></thead>定义表格定义行定义单元格<th>定义表头单元格<p> <p> table：设置符号的类型</p> <p><strong><span style="color:#FF0000;"> * table：定义表格 * width：宽度 * border：边框 * cellpadding：定义内容和单元格的距离 * cellspacing：定义单元格之间的距离。如果指定为0，则单元格的线会合为一条、 * bgcolor：背景色 * align：对齐方式 * tr：定义行 * bgcolor：背景色 * align：对齐方式 * td：定义单元格 * colspan：合并列 * rowspan：合并行 * th：定义表头单元格 * <caption>：表格标题</span></strong></p> 3.4、布局标签 <thead><th>标签</th><th>描述</th></thead>定义 HTML 文档中的一个区域部分，经常与 CSS 一起使用，用来布局网页用于组合行内元素。3.5、表单标签 <thead><th>标签</th><th>描述</th></thead><form>定义表单<input>定义表单项，通过type属性控制输入形式<label>为表单项定义标注<select>定义下拉列表<option>定义下拉列表的列表项<textarea>定义文本域3.6、type取值 <thead><th>type 取值</th><th>描述</th></thead>text默认值。定义单行的输入字段password定义密码字段radio定义单选按钮checkbox定义复选框file定义文件上传按钮hidden定义隐藏的输入字段submit定义提交按钮，提交按钮会把表单数据发送到服务器reset定义重置按钮，重置按钮会清除表单中的所有数据button定义可点击按钮 </div> <script type="text/javascript">if($_getRelativeScreenWidth()<800) show("2");</script> <div class="near_jz"> <div class="prev">上一篇：<a href='/shenghuo/1691055116186910.html'>PowerShell使用笔记不使用记事本直接命令行直接打印文件内容</a> </div> <div class="next">下一篇：<a href='/shenghuo/1691058553186921.html'>什么是JDL、JRE</a> </div> </div> <div class="jz_tj"> <span>相关推荐</span> <ul> <li><a target="_blank" href="/shenghuo/1680925237129988.html " title="MySQL数据库的安装与账户注册登陆说明">MySQL数据库的安装与账户注册登陆说明</a></li> </ul> </div> </div> </div> <div class="jzmain_right"> <div class="right_fix"> <div class="item"> <div class="item_title"><span>相关文章</span></div> <ul> <li><a href="/shenghuo/1693616751192976.html" target="_blank" title="无网络安装python包">无网络安装python包</a></li> <li><a href="/shenghuo/1693613631192970.html" target="_blank" title="基于kubeadm方式搭建k8s集群">基于kubeadm方式搭建k8s集群</a></li> <li><a href="/shenghuo/1693610174192966.html" target="_blank" title="使用pipreqs导出python项目所需的环境">使用pipreqs导出python项目所需的环境</a></li> <li><a href="/shenghuo/1693610168192965.html" target="_blank" title="Vim编辑器（二）">Vim编辑器（二）</a></li> <li><a href="/shenghuo/1693606738192956.html" target="_blank" title="Python基础练习--输出9*9乘法口诀表">Python基础练习--输出9*9乘法口诀表</a></li> <li><a href="/shenghuo/1693606725192955.html" target="_blank" title="【硬件】问题：WDElements硬盘显示无法格式化——处理过程">【硬件】问题：WDElements硬盘显示无法格式化——处理过程</a></li> <li><a href="/shenghuo/1693603543192951.html" target="_blank" title="在Arduino上运行“脚本语言解释器”的几种方案">在Arduino上运行“脚本语言解释器”的几种方案</a></li> <li><a href="/shenghuo/1693600350192943.html" target="_blank" title="flask基础">flask基础</a></li> </ul> </div> <script type="text/javascript">if($_getRelativeScreenWidth()>800) show("4");</script> </div> </div> </div> <div class="jzfoot"> <p>Copyright © 2016-2020 www.365daan.com All Rights Reserved. <a href="https://www.365daan.com/" target="_blank">365答案网</a> 版权所有备案号： <script src=/d/js/acmsd/thea1.js></script> </p> <p>部分内容来自互联网，版权归原作者所有，如有冒犯请联系我们，我们将在三个工作时内妥善处理。</p> </div> <script type="text/javascript" src="/img/js/gg.js"></script> </body> </html>