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:定义文本域

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

type取值	描述