HTML5
HTML的全称为Hyper Text Markup Language超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
标题h
<h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6>
段落p
<p>我是段落</p>
一条华丽的水平分割线hr
<hr width="80%" color="green" size="2px"> 换行符<br/>
字体
<em>斜体字写法一em</em> <i>斜体字写法二i</i> <strong>字体加粗写法一strong</strong> <b>字体加粗写法二b</b> <font size="5px" color="pink">字体标签font</font>
无序列表ul
<ul type="circle"> <li>circle小白圈</li> <li>disc小黑点</li> <li>square小黑方块</li> <li>不写type的话默认是disc小黑点</li> </ul>
有序列表ol
<ol type="a"> <li>type可以是"a"</li> <li>type可以是"A"</li> <li>type可以是"i"</li> <li>type可以是"I"</li> <li>type可以是"1"</li> </ol>
定义列表dl
<dl> ==>表示是定义列表 <dt> ==>表示定义列表的分类 <dd> ==>表示是定义列表分类的条目 注:<dt>与<dd>是平级的关系
<dl> <dt>姓名</dt> <dd>小明</dd> <dd>小花</dd> <dt>年龄</dt> <dd>13</dd> <dd>14</dd> </dl>
符号
  © emsp是一个tab nbsp是一个空格 copy是版权符号©
图片img
<img src="img/01.jpg" alt="图片加载错误时的提示信息" title="鼠标放在图片上时的提示信息" width="200px" height="200px">
超链接a
<a href="练习01.html" target="_self">在本窗口打开链接_self</a> <a href="index.html" target="_blank">在新窗口打开链接_blank</a> <a href="https://www.baidu.com">跳转百度,默认是在本窗口_self</a>
表格table
border表格边框宽度 width表格的整体大小 align表格文字对齐方式 cellpadding文字到边框的距离 cellspacing边框的宽度 colspan跨列 rowspan跨行
<table border="1" width="80%" align="center" cellpadding="10px" cellspacing="2px"> <tr> <th>序号</th> <th>姓名</th> <th>班级</th> <th>性别</th> </tr> <tr align="center"> <td colspan="2">01</td> <td>张三</td> <td>1班</td> <td>男</td> </tr> <tr> <td>02</td> <td rowspan="3">李四</td> <td>2班</td> <td>女</td> </tr> <tr> <td>03</td> <td>王五</td> <td>2班</td> <td>男</td> </tr> <tr> <td>04</td> <td>赵六</td> <td>3班</td> <td>女</td> </tr> </table>
注:挤走的表格会向右移动
表单form
一般用于登录,注册的网站 1.action提交的地址 - get明文提交,数据不安全,数据长度限制在4kb,一般用于下载 - post密文提交,数据安全,没有长度限制,一般用于提交数据 2.entype提交数据的类型 - multipart/form-data 表示支持文件上传 - application/x-www-form-urlencoded 表示支持普通的文本提交 3.input标签的属性值 - type定义input的类型 - id根据id来获取标签 - name后台用于input标签中的值 - value表示输入框中的默认值,提交按钮上显示的文字 - checked单选按钮与复选按钮默认选中 - size表示输入框的长度 - disabled按钮禁用 4.input输入框的type类型: - submit提交按钮 - button普通按钮 - reset重置按钮 - text普通文本 - password密码 - radio单选框 - checkbox复选框 - search搜索框 - file选择文件 - hidden定义隐藏输入字段 - number数字输入框(value="默认值" min="最小值" max="最大值" step="波长") - range滑块(value="默认值" min="最小值" max="最大值" step="波长") - date年月日 - month月 - week周 - time时分 - datetime-local年月日时分
下拉框select
<select> ==>表示的是下拉框 <option> ==>表示是下拉框条目 selected 表示默认选中
<select> <option selected>选项A(默认选中)</option> <option>选项B</option> <option>选项C</option> </select>
文本域textarea
cols 跨列 rows 跨行
<textarea cols="80px" rows="20px"> </textarea>