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="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>

超链接标签


<!--
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
    定义有序列表
    type:换序号
  1. 定义列表项
    -->
    <ol type="A">
    <li>咖啡</li>
    <li>牛奶</li>
    <li>茶</li>
    <li>饮料</li>
    </ol>

无序列表无序列表:unorder list

  • 咖啡
  • 牛奶
  • 饮料

表格标签


<!--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>

表单标签formaction:

  • 规定当前提交表单时向何处发送表单数据,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定义可点击按钮