2020年12月22日马梅梅

学员日志 732 5年前 0 admin

一、知识点总结**

1、常见的标签

（1）列表标签

有序列表

<1---有序列表
type属性用来指定有序列表的序列类型
1 表示序号是用阿拉伯数字
a/A使用小写/大写 英文字母的序号
i/I使用小写/大写 罗马数字
-->

<hr  />
<1--无序列表
type 列表的序列类型
  square 方形
  disc 实心圆 默认值
  circle 圆
  -->

定义列表

<d1>
  <dt>标题</dt>
  <dd>对标题的描述</dd>
 </d1>

无序列表

<u1 type="">
  <li>无序列表和有序列表内部的列表项目都使用li元素来表示
</li>
  <li>无序列表和有序列表内部的列表项目都使用li元素来表示
</li>
</ul>

（2）表格

表格由

标签来定义

每个表格均有若干行（由

标签定义），每行被分割为若干单元格（由

定义表格的行

定义表格的页眉

定义表格的主体

定义表格的页脚

4、表单元素

<input>根据type属性值的不同，表示多种输入形式
<textarea>表示多行文本框
<select>表示下拉框，下拉框的条目用<option>表示
<button>表示按钮

5、图片

<!--jpg/jpeg  png  gif  bmp -->
        
<!-- src 属性用于定义图片的源 title 鼠标悬停显示的文字  alt 图片加载不出来，显示的文字
        width/height 指定图片的宽/高,如果只指定一个 图片会等比例进行适应
-->

6、音频

<!-- audio表示音频  src 指定音频源 controls播放器控制按钮 
            autoplay 自动播放 chrome浏览器在新的版本中禁用了网页自动播放
            muted 静音
-->

7、echarts

/*
                echarts 使用：
                   1. 引入 echarts.js 文件
                   2. 设置 echarts 容器
                   3. 自定 echarts 配置
                   4. 设置 echarts  配置
            
            */

二、心得体会

通过今天的实训使我了解到了通过html制作图片、音频等，通过练习了解并简单的制作html表格、html表单，了解了echarts配置，指定图表的配置项和数据，以及mysq1启动服务程序并添加快捷方式。

评论留言

取消回复

评论前请先登录。

定义表格标题
标签定义） `<1-- 表格中tr表示行td表示列/单元格 border 表格边框 width 宽度 cellspacing 单元格之间的空隙 cellpadding 单元格内边距/内填充 -->` `<!-- th标签中的内容默认会加粗，居中显示 -->` `<!-- 行 --> <!-- 合并单元格 colspan 合并列 rowspan 合并行 -->` 2、表单表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。表单使用表单标签来设置。 <form action="#" method="get"> <!-- input 输入框， type用来指定其类型 value 用于指定其值 readonly 属性表示只读 disabled禁用 required 必填 placeholder 默认提示文字 --> 文本框：<input type="text" value="123" readonly="readonly" disabled="disabled"/> <br /> 密码框：<input type="password" required="required" placeholder="请输入密码"/> <br /> 颜色：<input type="color" /> <br /> <!-- 单选或者多选框，通过名称将多个input 绑定成一组 --> <!-- checked属性，默认选中 --> 单选框：<input type="radio" name="gender"/>男 <input type="radio" name="gender" checked="checked"/>女 <br/> 多选框：<input type="checkbox" name="hobby"/>看书 <input type="checkbox" name="hobby" />打游戏 <input type="checkbox" name="hobby" checked="checked" />写代码 <br /> 下拉列表：<select> <!-- option 是每一个选项 --> <option>青海省</option> <option selected="selected">陕西省</option> <option>山东省</option> </select> <br/> 文本域：<textarea cols="20" rows="5"></textarea> <br/> <button type="button">普通按钮</button> <input type="button" value="普通按钮" /> <br /> <button type="submit">提交按钮</button> <input type="submit" value="提交按钮" /> <br /> <!-- 重置为初始状态，并不是清空 --> <button type="reset">重置按钮</button> <input type="reset" value="重置按钮" /> </form> </body> </html> 3、定义方式
定义表格的表头
定义表格单元

标签定义）

<1--
 表格中tr表示行td表示列/单元格
 border 表格边框
 width 宽度
 cellspacing 单元格之间的空隙
 cellpadding 单元格内边距/内填充
 -->

    <!-- th标签中的内容 默认会加粗，居中显示 -->

<!-- 行 -->
<!-- 合并单元格
        colspan 合并列
        rowspan 合并行
-->

2、表单

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。

表单使用表单标签

来设置。

<form action="#" method="get">
            <!-- input 输入框， type用来指定其类型
                value 用于指定其值 readonly 属性表示只读 disabled禁用
                required 必填  placeholder 默认提示文字
                -->
文本框：<input type="text" value="123" readonly="readonly" disabled="disabled"/>   <br />
密码框：<input type="password" required="required" placeholder="请输入密码"/>
<br />
颜色：<input type="color" /> <br />
            <!-- 单选或者多选框，通过名称将多个input 绑定成一组 -->
            <!-- checked属性，默认选中 -->
单选框：<input type="radio" name="gender"/>男
                    <input type="radio" name="gender" checked="checked"/>女
                    <br/>
多选框：<input type="checkbox" name="hobby"/>看书
                <input type="checkbox" name="hobby" />打游戏
                <input type="checkbox" name="hobby" checked="checked" />写代码
                    <br />
下拉列表：<select>
        <!-- option 是每一个选项 -->
                        <option>青海省</option>
                        <option selected="selected">陕西省</option>
                        <option>山东省</option>
                    </select>   
                    <br/>
文本域：<textarea cols="20" rows="5"></textarea>        
            <br/>
            <button type="button">普通按钮</button>
            <input type="button" value="普通按钮" />
            <br />
            <button type="submit">提交按钮</button>
            <input type="submit" value="提交按钮" />
            <br />
            <!-- 重置为初始状态，并不是清空 -->
            <button type="reset">重置按钮</button>
            <input type="reset" value="重置按钮" />
        </form>
    </body>
</html>

3、定义方式

定义表格的表头

定义表格单元

热门资源

相关推荐

评论留言

取消回复