2020年12月22日 马梅梅

一、知识点总结**

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、定义方式

定义表格标题

定义表格的表头

定义表格单元

2021年6月
« 5月    
 123456
78910111213
14151617181920
21222324252627
282930  

近期文章

标签

分类目录

近期评论

标签

IT特种兵 云创动力前端开发工程师 云创动力后端开发工程师 云创集训 开发喵 教育生态服务商

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1