关于前端:HTML

1.HTML 的根本语法标准

1. 在 html 中标签是成对的
2. 标签的属性和值尽量都用小写

2.HTML 标签

1. 文本标签

题目:<h1></h1>,<h2></h2>,<h3></h3>,<h4></h4>,<h5></h5>,<h6></h6> 展现完题目后会主动换行
段落：<p> 外面的内容为一个段落 </p>. 换行是 <br> > 横线 <hr>

2. 链接标签：a 标签

<a name = “ 为标签设置名字 ” href=” 跳转地址 ”> 能够是文字，也能够是图片（<img src = “ 图片地址 ”>）</a>

3. 多媒体标签

图像标签 <img src=” 图片地址 alt=””>
src=” 图片地址
alt: 如果图片无奈加载，显示 alt 外面的文字
title：鼠标搁置在图片上显示的文字
加载图片的门路有三种：

（1）互联网门路（2）绝对路径：带盘的门路，不举荐（3）绝对路劲：强烈推荐，绝对于以后的 HTML 文件的门路。。。以后文件夹：./(可省略). 以后文件的父文件夹：../

4. 音频和视频的标签

音频或者视频：
<Object width=”” height=”” data=”xxx.mp3″></Object>
<Object width=”” height=”” data=”xxx.mp4″></Object>
<embed width=”” height=”” data=”xxx.mp3 或者 xxx.mp4>
在 html5 中音频标签
<audio controls=”controls”>
<sources src = “xxx.mp3″ type=”audio/mp3”>
</audio>
controls: 是否有播放的控制器
在 html5 中视频标签
<vidio controls=”controls”>
<sources src = “xxx.mp4″ type=”vidio/mp4”>
</vidio>

5. 列表和表格

（1）列表
无序列表 ul

<ul>
<li><li>
<li><li>
</ul>

有序列表

<ol>
<li><li>
<li><li>
</ol>

定义列表

<dl>
  <dt></dt>// 关键字
  <dd></dd>// 形容
</dl>

（2）表格

<table></table> // 定义表格构造
<caption></caption> // 定义表格题目
<th></th> // 定义表头
<tr></tr> // 定义表格行
<td></td> // 定义表格单元格
// 例子：<h3>========= 表格 =========</h3>
    <table border="1px">
        <caption> 学生信息表 </caption>
        <thead>
            <tr>
                <th> 学号 </th>
                <th> 姓名 </th>
                <th> 性别 </th>
                <th> 出生日期 </th>
                <th> 电话 </th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>95001</td>
                <td> 张三 </td>
                <td> 男 </td>
                <td>1990-10-10</td>
                <td>13412344321</td>
            </tr>
            <tr>
                <td>95002</td>
                <td> 李丽 </td>
                <td> 女 </td>
                <td>1991-10-10</td>
                <td>12987651234</td>
            </tr>
        </tbody>
    </table>

6. 表单

action: 为表单提交地址
type = "radio"：是单选框
type = "checked"：是复选框
<textarea name="saymyself" rows="10" cols="30">：多行文本框
<select>
            <option> 上海 </option>
            <option> 北京 </option>
            <option selected> 深圳 </option>
            <option> 重庆 </option>
 </select>: 下拉框
 type="submit"：按钮
 
 表单数据存储到 form Date 中
 -------------------------------------------------
<form method="POST" action="">
        <label> 用户名:</label>
        <input type="text" name="username" size="20"/>
        <br>
        <label> 明码:</label>
        <input type="password" name="password" size="20"/>
        <br>
        <label> 性别:</label>
        <input type="radio" name="gender" value="1" checked/> 男
        <input type="radio" name="gender" value="2" /> 女
        <br>
        <label> 喜好:</label>
        <input type="checkbox" name="hobby" value=""> 游览
        <input type="checkbox" name="hobby" value=""> 看书
        <input type="checkbox" name="hobby" value=""> 羽毛球
        <input type="checkbox" name="hobby" value=""> 游泳
        <br>
        <label> 集体介绍:</label>
        <textarea name="saymyself" rows="10" cols="30">

        </textarea>
        <br>
        <label> 地区:</label>
        <select>
            <option> 上海 </option>
            <option> 北京 </option>
            <option selected> 深圳 </option>
            <option> 重庆 </option>
        </select>
        <br>
        <input type="submit" value="提交">
    </form>