1.4 HTML文档常用标记(课件)-高一《网页设计与制作(Dreamweaver CC》同步精品课堂(电工版2021)

2023-06-14
| 16页
| 403人阅读
| 4人下载
精品

内容正文:

网页设计与制作(Dreamweaver CC) 第三版 HTML文档常用标记 网页设计基础 HTML文档常用标记 1.4 学习任务描述: 通过在记事本和Dreamweaver中使用HTML代码制作网页,介绍HTML代码的常用标记,以及使用HTML代码制作简单网页的方法。 3、HTML文档常用标记 (8)超链接标记 格式:<a href=”目标文件的URL”target=”打开窗口的方式”>文本或图像</a> 说明:说明:为标记中的文本或图像添加超链接目标,浏览页面时,单击可打开指定的目标文件。target用于指定打开目标窗口的方式,默认情况是在当前窗口中打开,如果要在新窗口中打开目标窗口,则可将target的属性值设为"_blank' 根据链接目标的不同,可将超链接分为以下几种。 HTML文档常用标记 1.4 (1)内部链接:链接到本地计算机中的文件。 (2)外部链接:链接到本地站点以外的任何一个站点中的文件。 (3)E-mail链接:链接到一个电子邮件地址,单击将启动默认的E-mail程序发送邮件。 HTML文档常用标记 1.4 3、HTML文档常用标记 (9)表格标记 表格标记由表格标记,行标记和单元格标记三部分组成。 表格标记: 行标记: HTML文档常用标记 1.4 3、HTML文档常用标记 (9)表格标记 单元格标记: <td rowspan="跨越行数" colspan="跨越列数" bgcolor= "背景颜色" background="背景图像" width="宽度" height="高度" align="对齐方式" >......</td> 说明:单元格边距是指单元格内容与单元格边框之间的像素数,单元格间距是指相邻单元格之间的距离 HTML文档常用标记 1.4 3、HTML文档常用标记 (10)表单标记 格式:<form name="表单名称" method="提交方式" action="文件"> 说明:表单标记与动态网页制作是分不开的,action:"文件"是指这个表单提交后,将传送给哪个文件处理;method一"提交方式"是指将表单信息提交给服务器的方式,一般包括POST (以文件形式不限制长度提交)和GET(附加在URL地址后限制长度提交)两种。 HTML文档常用标记 1.4 使用<form>标记定义表单后,就要通过具体的表单对象添加信息,常见的表单对象有以下几种: (1)文本域 单行文本域 多行文本域 密码文本域 HTML文档常用标记 1.4 使用<form>标记定义表单后,就要通过具体的表单对象添加信息,常见的表单对象有以下几种: (2)选择域 单选按钮 复选框 HTML文档常用标记 1.4 只允许选择一项,一般用于性别等选项 可以进行多项选择,一般用于爱好、特长等选项 使用<form>标记定义表单后,就要通过具体的表单对象添加信息,常见的表单对象有以下几种: (3)菜单域 下拉菜单 滚动菜单 HTML文档常用标记 1.4 提供一个下拉式菜单 提供一个带滚动条的菜单 使用<form>标记定义表单后,就要通过具体的表单对象添加信息,常见的表单对象有以下几种: (4)按钮域 提交按钮 重置按钮 HTML文档常用标记 1.4 输入的内容提交给相关程序,让服务器对其进行处理 把刚输入的内容清除,并重新输入 3、HTML文档常用标记 (11)滚动标记 格式:<marquee behavior="方式" direction="方向" scrollamount="速度">滚动方式文本</marquee> 说明:方向(direction)包括le(左)、right(右)、up(上)和down(下)四个参数:方式(behavior)包括alternate(来回滚动)、slide(滚动一圈)和scroll(循环滚动)三个参数;速度(scrollamount)的值越大,文本滚动速度越快。 HTML文档常用标记 1.4 3、HTML文档常用标记 (12)插入音频 格式:<audio controls:"播放控制条显示属性" src='音频文件地址',>您的浏览器不支持<audio>标签。</audio> 说明:标签中的文字“您的浏览器不支持<aud10>标签。"在高版本浏览器中是不会显示的,只有不支持<aud10>标签的低版本浏览器,无法播放音频,才会出现文字提示 src属性用来指定需要嵌入页面中的音频文件的地址。 HTML文档常用标记 1.4 3、HTML文档常用标记 (13)插入视频 格式:<video controls:"播放控制条显示属性" src="视频文件地址" width="宽度" height-' 高度">您的浏览器不支持<Video>标签。</video> HTML文档常用标记 1

资源预览图

1.4 HTML文档常用标记(课件)-高一《网页设计与制作(Dreamweaver CC》同步精品课堂(电工版2021)
1
1.4 HTML文档常用标记(课件)-高一《网页设计与制作(Dreamweaver CC》同步精品课堂(电工版2021)
2
1.4 HTML文档常用标记(课件)-高一《网页设计与制作(Dreamweaver CC》同步精品课堂(电工版2021)
3
1.4 HTML文档常用标记(课件)-高一《网页设计与制作(Dreamweaver CC》同步精品课堂(电工版2021)
4
1.4 HTML文档常用标记(课件)-高一《网页设计与制作(Dreamweaver CC》同步精品课堂(电工版2021)
5
1.4 HTML文档常用标记(课件)-高一《网页设计与制作(Dreamweaver CC》同步精品课堂(电工版2021)
6
所属专辑
由于学科网是一个信息分享及获取的平台,不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益,请联系学科网,我们核实后将及时进行处理。