e il y a 1 an
Parent
commit
5b3af56440
2 fichiers modifiés avec 220 ajouts et 0 suppressions
  1. 149 0
      day2/1.复习.html
  2. 71 0
      day2/2.表单.html

+ 149 - 0
day2/1.复习.html

@@ -0,0 +1,149 @@
+<!DOCTYPE html>
+<!-- 声明头部文档 -->
+<html lang="en">
+  <!-- 语言类型 -->
+  <head>
+    <!-- 头部 -->
+    <meta charset="utf-8" />
+    <!-- 转译编码 -->
+    <title>复习</title>
+    <!-- 标题 -->
+  </head>
+  <body>
+    <!-- 主体 -->
+    <div style="width: 800px">
+      <h1>个人简历</h1>
+      <!-- 个人介绍 -->
+      <div>
+        <h3>个人信息</h3>
+        <p>
+          <span
+            >姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名:&nbsp;&nbsp;韦城城</span
+          >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+          <span
+            >电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话:&nbsp;&nbsp;186-5106-7589</span
+          >
+        </p>
+        <p>
+          <span
+            >姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名:&nbsp;&nbsp;韦城城</span
+          >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+          <span
+            >电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话:&nbsp;&nbsp;186-5106-7589</span
+          >
+        </p>
+        <p>
+          <span
+            >姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名:&nbsp;&nbsp;韦城城</span
+          >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+          <span
+            >电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话:&nbsp;&nbsp;186-5106-7589</span
+          >
+        </p>
+      </div>
+      <!-- 求职意向 -->
+      <div>
+        <h3>求职意向</h3>
+        <p>
+          <span>工作性质:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;全职</span
+          >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+          <span>工作地区:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;北京</span>
+        </p>
+        <p>
+          <span>工作性质:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;全职</span
+          >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+          <span>工作地区:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;北京</span>
+        </p>
+        <p>
+          <span>工作性质:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;全职</span
+          >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+          <span>工作地区:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;北京</span>
+        </p>
+      </div>
+      <!-- 个人技能 -->
+      <div>
+        <h3>个人技能</h3>
+        <ul>
+          <li>熟练使用HTML+CSS+JavaScript以及Scss/Sass预处理器;</li>
+          <li>熟练使用HTML+CSS+JavaScript以及Scss/Sass预处理器;</li>
+          <li>熟练使用HTML+CSS+JavaScript以及Scss/Sass预处理器;</li>
+          <li>熟练使用HTML+CSS+JavaScript以及Scss/Sass预处理器;</li>
+          <li>熟练使用HTML+CSS+JavaScript以及Scss/Sass预处理器;</li>
+          <li>熟练使用HTML+CSS+JavaScript以及Scss/Sass预处理器;</li>
+          <li>熟练使用HTML+CSS+JavaScript以及Scss/Sass预处理器;</li>
+          <li>熟练使用HTML+CSS+JavaScript以及Scss/Sass预处理器;</li>
+          <li>熟练使用HTML+CSS+JavaScript以及Scss/Sass预处理器;</li>
+          <li>熟练使用HTML+CSS+JavaScript以及Scss/Sass预处理器;</li>
+        </ul>
+      </div>
+      <!-- 工作经历 -->
+      <div>
+        <h3>工作经历</h3>
+        <p style="text-indent: 2em">
+          北京巨作网络科技有限公司(2017.09 - 至今)
+        </p>
+        <p>工作描述:</p>
+        <ul>
+          <li>根据产品需求进行项目开发和功能实现,以及性能优化</li>
+          <li>根据产品需求进行项目开发和功能实现,以及性能优化</li>
+          <li>根据产品需求进行项目开发和功能实现,以及性能优化</li>
+          <li>根据产品需求进行项目开发和功能实现,以及性能优化</li>
+          <li>根据产品需求进行项目开发和功能实现,以及性能优化</li>
+        </ul>
+        <p>北京巨作网络科技有限公司(2017.09 - 至今)</p>
+        <p>工作描述:</p>
+        <ul>
+          <li>根据产品需求进行项目开发和功能实现,以及性能优化</li>
+          <li>根据产品需求进行项目开发和功能实现,以及性能优化</li>
+          <li>根据产品需求进行项目开发和功能实现,以及性能优化</li>
+          <li>根据产品需求进行项目开发和功能实现,以及性能优化</li>
+          <li>根据产品需求进行项目开发和功能实现,以及性能优化</li>
+        </ul>
+      </div>
+      <!-- 项目介绍 -->
+      <div>
+        <h3>项目介绍</h3>
+        <div>
+          <h3>巨作网(PC端)</h3>
+          <p>- 简介:</p>
+          <p style="text-indent: 2em">
+            巨作网是一家软装服务提供商,致力于提供一款软装解决方案,以装饰公司,设计师、设计公司的需求和市场需要建立软装品牌以及家具、灯具、饰品、窗帘、挂画等的产品库;为用户提供与家具工厂沟通、交易的途径;帮助家具企业传播品牌形象。
+          </p>
+          <p>- 职责:</p>
+          <p style="text-indent: 2em">
+            巨作网是一家软装服务提供商,致力于提供一款软装解决方案,以装饰公司,设计师、设计公司的需求和市场需要建立软装品牌以及家具、灯具、饰品、窗帘、挂画等的产品库;为用户提供与家具工厂沟通、交易的途径;帮助家具企业传播品牌形象。
+          </p>
+        </div>
+        <div>
+          <h3>巨作网(PC端)</h3>
+          <p>- 简介:</p>
+          <p style="text-indent: 2em">
+            巨作网是一家软装服务提供商,致力于提供一款软装解决方案,以装饰公司,设计师、设计公司的需求和市场需要建立软装品牌以及家具、灯具、饰品、窗帘、挂画等的产品库;为用户提供与家具工厂沟通、交易的途径;帮助家具企业传播品牌形象。
+          </p>
+          <p>- 职责:</p>
+          <p style="text-indent: 2em">
+            巨作网是一家软装服务提供商,致力于提供一款软装解决方案,以装饰公司,设计师、设计公司的需求和市场需要建立软装品牌以及家具、灯具、饰品、窗帘、挂画等的产品库;为用户提供与家具工厂沟通、交易的途径;帮助家具企业传播品牌形象。
+          </p>
+        </div>
+      </div>
+      <!-- 个人介绍 -->
+      <div>
+        <h3>个人介绍</h3>
+        <ol reversed>
+            <li>性格稳重、谦虚真诚、责任心强,有良好的沟通能力和团队合作能力</li>
+            <li>性格稳重、谦虚真诚、责任心强,有良好的沟通能力和团队合作能力</li>
+            <li>性格稳重、谦虚真诚、责任心强,有良好的沟通能力和团队合作能力</li>
+        </ol>
+      </div>
+      <!-- 教育经历 -->
+      <div>
+        <h3>教育经历</h3>
+        <p>
+            <span>2012.09—2016.7</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+            <span>阜阳信息工程学院</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+            <span>计算机科学与技术</span>
+        </p>
+      </div>
+    </div>
+  </body>
+</html>

+ 71 - 0
day2/2.表单.html

@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <!-- 表单
+        form 表单
+            属性:action 将表单信息提交到表单发送处(很少使用)
+        label 存放文本信息
+        input 输入框
+            属性:type类型           placeholder 提示信息
+                     1.text 文本 
+                     2.password 密码
+                     3.radio 单选 name值相同
+                     4.checkbox 多选 disabled禁止选中  checked默认选中
+                     5.submit 提交按钮
+                     6.reset 重置按钮
+                     7.button 按钮 value控制按钮名称
+
+    -->
+    <form action="">
+        <label>账号:</label>
+        <input type="text" placeholder="请输入账号">
+        <br><br>
+        <label>密码:</label>
+        <input type="password" placeholder="请输入密码">
+        <!-- <br><br> -->
+        <label>性别:</label>
+        <input type="radio" name="aa">男
+        <input type="radio" name="aa">女
+        <br>
+        <label>喜好:</label>
+        <input type="checkbox">画画
+        <input type="checkbox" disabled>篮球
+        <input type="checkbox" checked>声乐
+        <input type="checkbox">书法
+        <br>
+        <input type="submit">
+        <input type="reset">
+        <input type="button" value="自定义">
+        <br>
+        <br>
+        <!-- 
+            行内块元素:行内块元素一行展示时,会产生空白间隙 
+            img input
+         -->
+        <input style="background: #00f;width: 100px;" type="text" placeholder="请输入账号">
+        <input style="background: #00f;" type="text" placeholder="请输入账号">
+        <!-- 下拉框
+            select与option一起组成    
+            selected 默认选择
+            disabled 禁止选中
+        -->
+        <select>
+            <option value="1" disabled>内容一内容一内容一内容一</option>
+            <option value="2" selected>2</option>
+            <option value="3">3</option>
+        </select>
+        <!-- 
+            文本域 textarea
+            rows 行
+            cols 列
+            maxlength 最大长度
+         -->
+        <textarea rows="10" cols="10" maxlength="20"></textarea>
+    </form>
+</body>
+</html>