189 8069 5689

javaWeb-HTML

HTML

基础标签


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



<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>
<u>各级哈尔的黑暗时代u>
<i>各级哈尔的黑暗时代i><hr>
<center>
<u>各级哈尔的黑暗时代u>
center>

视频音频标签

img图片


<--
src:图片地址
width:宽度比例
height:高度比例
尺寸单位:
1.px 像素
2.百分比
-->
<img src="778f740c2e55e4ca1df3ee76b.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 href="https://www.itcast.cn" target = "_blank">点我有惊喜啊a>
<a href="https://www.itcast.cn" target = "_self">点我有惊喜啊a>

列表标签

有序列表

order list



<ol type="A">
<li>咖啡li>
<li>牛奶li>
<li>茶li>
<li>饮料li>
ol>

无序列表无序列表:unorder list

  • 咖啡
  • 牛奶
  • 饮料

表格标签



<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">010th>
<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



<form action="*" , method="post">
<input type="text" name="username">

<input type="submit">
form>

method:

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

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

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

表单项标签

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

  • select:定义下拉列表,

  • textarea:定义文本域

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

当前文章:javaWeb-HTML
网页网址:http://cdxtjz.cn/article/dsopogs.html

其他资讯