javaWeb-HTML

  • javaWeb-HTML已关闭评论
  • 27 次浏览
  • A+
所属分类:Web前端
摘要

字体大小 ( <h1> —<h6>) 换行 <hr> 字体形式 字体颜色:color


HTML

基础标签

  • 字体大小 ( <h1> ---<h6>)


<h1> 我是h1 </h1>
<h2> 我是h1 </h2>
<h3> 我是h1 </h3>
<h4> 我是h1 </h4>
<h5> 我是h1 </h5>
<h6> 我是h1 </h6>
  • 换行 <hr>


<hr>
  • 字体形式

    • 字体颜色:color

      • 1.英文单词:red,pink,blue2.RGB(值1,值2,值3),值的范围是:0-2553.#值1值2值3 值的取值范围:00-FF;


<font  face="楷体"size="5" color="#ffc0cb" >
  广正教育
</font>

​ face:字体

​ size:字体大小型号

​ color:字体颜色

段落标签


<p> 是地方各级哈尔的黑暗时代计划发噶iu阿哥深度覆盖艾尔斯u的合法手段和规范速度放缓jar阿斯u回到法国按实际的法国阿雷很大功夫阿尔山的功夫我iu回到法国饿啊回到法国埃尔或多个
</p>
  • 字体加粗,斜体,下划线,居中

  • <!--控制字体:加粗<b></b>斜体:<i></i>下划线<u></u>居中 :<center></center>-->


<b>各级哈尔的黑暗时代</b>
<u>各级哈尔的黑暗时代</u>
<i>各级哈尔的黑暗时代</i><hr>
<center>
<u>各级哈尔的黑暗时代</u>
</center>

视频音频标签

img图片


<--
   src:图片地址
   width:宽度比例
   height:高度比例
    尺寸单位:
     1.px 像素
     2.百分比
-->
<img src="778f740c2e55e4c540828a1df3ee76b.jpg" width="20%"height="400">

video视频


<--
   src:图片地址
   width:宽度比例
   height:高度比例
   controls:视频录音播放按钮
-->
<video src="01-Maven概述.mp4" controls width="500" height="300"></video>

audio录音


<--
   height:高度比例
   controls:视频录音播放按钮
-->
<audio src="b.mp3" controls></audio>

超链接标签

  • <a></a>


<!--
href:指定访问资源的URL
target:指定打开资源的方式
       1._self:默认值,在当前页面打开
       2._blank:在空白页面打开
-->
<a href="https://www.itcast.cn" target = "_blank">点我有惊喜啊</a>
<a href="https://www.itcast.cn" target = "_self">点我有惊喜啊</a>

列表标签

有序列表

order list


<!--
有序列表:order list
<ol>定义有序列表
type:换序号
<li> 定义列表项
-->
<ol type="A">
 <li>咖啡</li>
 <li>牛奶</li>
 <li>茶</li>
 <li>饮料</li>
</ol>

无序列表无序列表:unorder list

<ul type="circle "> <li>咖啡</li> <li>牛奶</li> <li></li> <li>饮料</li></ul>

表格标签


<!--table:定义表格
        border:规定表格边框的宽度
        width:规定表格的宽度
        cellspacing:规定单元格之间的空白
    tr:定义行
        align:定义表格规定的内容对齐方式
th:定义表头单元格
    td:定义单元格
       rowspan:规定单元格可横跨的行数   合并行数
       colspan:规定单元格可横跨的列数   合并列数
-->
<table width="50%" border="1" cellspacing = "0">
 <tr height="50" align="center">

   <th colspan="2">品牌</th>
   <th>企业名称</th>
 </tr>
 <tr  height="50" align="center">
   <th rowspan="3">010</th>
   <th colspan="2">三只松鼠</th>
 </tr>

 <tr  height="50"align="center">

   <th>优衣库</th>
   <th>优衣库</th>
 </tr>

 <tr height="50" align="center">

   <th colspan="2">小米有限公司</th>
 </tr>

</table>

表单标签

form

action:

  • 规定当前提交表单时向何处发送表单数据,URL


<!--一般都会在method中使用post,安全 无限制-->
<form action="*" , method="post">
 <input type="text" name="username">
<!-- submit :提交数据-->
 <input type="submit">    
</form>

method:

  • 规定用于发送表单数据的方式

    • get:请求参数会拼接在URL后边, url的长度有限制为4KB

    • post:请求参数会在http请求协议的请求体中 , 请求参数无限制

表单项标签

  • input:表单项,通过type属性控制输入形式

  • select:定义下拉列表,<option> 定义列表项

  • textarea:定义文本域

type取值 描述
text 默认值,定义单行的输入字段框
password 定义密码字段:***
radio 单选按钮
checkbox 复选按钮框
file 文件上传按钮
hidden 定义隐藏的输入字段
submit 定义提交按钮,提交按钮会把表单提交到服务器
reset 定义重置按钮,重置按钮会清楚表单中所有数据
button 定义可点击按钮