第一天

1、初识

2、标签

• DOCTYPE 告诉浏览器使用什么规范
• Ctrl+/ 可以快捷注释
• head标签代表网页头部
• body标签代表网页主体
• title标签代表网页标题
• meta标签描述性标签，描述网站的信息

 <meta name="keywords" content="王金金"> 
    <meta name="description" content="学习java"> 

• 标题标签

 <h1></h1>

• 段落标签 paragraph（段落）

 <p></p>

• tab键可以帮助自动补全标签
• br换行标签
• hr 水平线标签
  1. 字体样式标签
  • strong 粗体字标签
  • em 斜体字标签
  2. 特殊符号标签
     • &开头·
  3. 图片标签

  • img

    • src:图片地址（最好写相对地址）
    • alt 加载失败显示的文字
    • title 表示悬停文字
    • width height 图片大小

  • a标签

    • href 链接跳转的地址
    • target 跳转的新窗口在哪里打开
    • _blank在新的窗口打开

  • 锚链接
    实现锚点跳转

     <a id="top">我来</a>
       <a href="#top">OK</a>

第二天

1.列表

• 有序列表

 <ol>           #order list 
    <li>JAVA</li>     
    <li>PYTHON</li>
</ol>

• 无序列表

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

• 自定义列表

<dl>
<!--  dt表示列表标题-->
    <dt>学科</dt>    
    <dd>JAVA</dd>
    <dd>PYTHON</dd>
</dl>

2.表格标签
简单通用，结构稳定
table

• 行标签 tr ( table row)
• 列标签 td
• border设置边框像素大小
• rowspan跨行
• colspan跨列

<table border="0.1px">
    <tr>
        <td colspan="2">1</td>
       
    </tr>
    <tr>
        <td>3</td>
        <td>4</td>
    </tr>
</table>

• 视频和音频
  video 表示视频 audio 表示音频

<video src="../resourse/video/enen.mp4" controls autoplay></video>`

• 网页页面结构分析
  
• iframe内联框架

<iframe src="https://bilibili.com" width="1000px" height="800px" frameborder="0"></iframe>

• 表单
  form
  method 规定如何发送表单数据： get | post
  action 表示向何处发送表单数据 可以是网站或是一个请求处理地址
  
  文本框
  输入文本框 input
• type 文本框输入类型
  • text 文本
  • password 密码
• name 名字（所属的组）
• value 默认初始值
• maxlength 最大能写几个字符
• size 文本框长度
• 提醒
  name属性主要是表单提交数据的名称，value属性是表单提交数据的具体数据
  例 name：密码 value： 123456

第三天

1.列表框 下拉框

  <select name="列表名称" id="1">
    <option value="1">中国</option>
    <option value="2">瑞士</option>
</select>

checked 表示默认选中值
2.文本域

<textarea name="文本" id="textarea" cols="30" rows="10"></textarea>

3.邮件验证

<input type="email" name="email">

4.数字验证

<input type="number" name="num" max="100" min="0" step="10">

5.表单的应用
readonly 只读不能修改
hidden 隐藏
6.表单的初级验证
placeholder 可以帮助输入框提示用户输入信息（提示信息）
required 非空判断
pattern 正则表达式
7.总结