精彩的网格布局网站,乐清新闻最新消息视频,.案例 商务网站的推广策略,网站开发合作保密协议目录
实现过程#xff1a;
结果显示
1、HTML语法
2、注释标签
3、常用标签
4、新标签
5、特殊标签
6、在网页中使用视频和音频、图片
7、表格标签
8、超链接标签 使用HTML语言来实现该页面 实现过程#xff1a;
!DOCTYPE html
htmlhead…目录
实现过程
结果显示
1、HTML语法
2、注释标签
3、常用标签
4、新标签
5、特殊标签
6、在网页中使用视频和音频、图片
7、表格标签
8、超链接标签 使用HTML语言来实现该页面 实现过程
!DOCTYPE html
htmlheadmeta charsetutf-8title工商银行电子汇款单/titlestyletable{border-collapse:collapse;}/style/headbodytable border2 cellspacing0 cellpadding5h1工商银行电子汇款单/h1tbodytrtd colspan2b回单类型/b/tdtd网上转账汇款/tdtd colspan2b指令序号/b/tdtdHQH0000000000000013878172/td/trtrtd rowspan4 width25b收款人/b/tdtd户名/tdtd老牟/tdtd rowspan4 width25b付款人/b/tdtd户名/tdtd老刘/td/trtr tdb卡号/b/tdtd000000000001/tdtdb卡号/b/tdtd000000000002/td /trtrtd地区/tdtd南京/tdtd地区/tdtd杭州/td /trtrtdb网点/b/tdtd工商江苏南京业务处理中心/tdtdb网点/b/tdtd江苏徐州业务中心/td/trtrtd colspan2b币种/b/tdtd人民币/tdtd colspan2b钞汇标志/b/tdtd钞票/td/trtrtd colspan2b金额/b/tdtd1.00元/tdtd colspan2b手续费/b/tdtd0.57元/td/trtrtd colspan2b合计/b/tdtd colspan5人民币( 大写 ) : 壹圆整/td /trtrtd colspan2b交易时间/b/tdtdi2017年6月1日/i/tdtd colspan2b时间戳/b/tdtdi2017-06-01-13.00.00.00000/i/td/tr/tbody/tablep票据打印时间: 2017-06-01 15:00:12/ppdel票据打印单位:江苏徐州业务中心/del/pp操作员: 大曾/p/body
/html
结果显示 所涉及知识点
1、HTML语法
语法结构HTML标签 标签 属性值内容/标签 例如p aligncenter 内容 /p
2、注释标签 !-- --
3、常用标签
标签 说明b/strong字体变粗体i/em文字变斜体u文字加下划线del删除线br换行p段落pre预格式化段落span标准行内标签一般用来修饰文本div标准块标签一般用来布局页面sub下标sup上标hr水平分割线h(num) 标题标签共有6级h1、h2... h6 strong和b标签都用来加粗字体标签这两个标签显示效果一样但其实质使用场景不同的。b标签就是加粗文本而strong有强调内容的意思。 em、i标签都是加斜文本的标签一般使用i标签加斜问题em标签有存在强调的意思 4、新标签
布局使用的三个标签header、section、footer标签
用来播放视频和音频的多媒体标签video、audio标签等
标签名称作用header定义页面的顶部页眉内容article主要是用来表示文章内容的section于对网站或者应用程序页面上的内容进行分块nav用作页面导航的链接组aside当前页面或文章的附属信息部分footer上层父级内容区块或是一个根区块的脚注hgrouphgroup元素是将标题及其子标题进行分组的元素。hgroup 元素通常会将h1~h6元素进行分组譬如一个内容区块的标题及其子元素算一组addressaddress元素用来在文档中呈现联系信息包括文档作者或文档维护者的名字、他们的网站链接、电子邮件、真实地址、电话号码等figure网页上的一块独立元素在一个figure元素中只能放置一个figcaption元素表示该figure元素的标题figcaptionfigure元素块中的标题detailsdetails元素主要用来列表一些关键的的元素在它中我们使用summary元素作为details元素的标题如果我们在details元素中不使用summary元素则默认出现“显示详细信息”。summary作为details元素的标题mark标注或者高亮一些我们需要的关键字词progress表示当前的完成进度情况metermeter元素有六个属性value表示值min表示最小值max表示最大值low表示下限high表示上限optimum表示最佳值cite表示作品或文章中的标题smallHTML5中small元素被重新定义了small通常标签与正文无关的文字内嵌在页面上如标注版权信息网站备案等canvas画布标签用来在页面上画图案
5、特殊标签
特殊字符以 开始以 ; 结束 6、在网页中使用视频和音频、图片
audio controls src路径/audio
video controls autoplay muted src路径/video
img titletitle width200 height400 src 路径
7、表格标签
表格在网页制作中主要的作用是用来描述具有二维结构的数据。包括的标签有table、thead、tbody、tfoot、tr、td。
table标签用于定义一个表格。
thead标签元素定义表头。
tr标签用于定义一行。
td标签用于定义一列。td 也叫做单元格必须放在tr中。
tbody元素则定义主干。
tfoot元素定义表尾。 bordernn 是一个数字单位是像素 当 n 0 时表示表格没有边框。 width 属性表示表格的宽度height 属性表示表格的高度。 align属性表示表格的水平对齐方式left、center、right 。 valign属性表示表格的垂直对齐方式top middle buttom上中下 gcolor 属性表示表格的背景颜色Background 属性表示表格的背景图像。 cellpadding 表示表格的边距cellspacing 表示表格的间距。边距是指单元格内的元素距离单元格边缘的距离间距是指单元格与单元格之间的距离。 rowspann 中 n 是一个整数表示这个单元格在垂直方向跨的行数colspan表示列跨 8、超链接标签
a href网页 target_blank
href 属性用来明确链接的目标文件
target 属性用来明确目标文件的打开方式target_blank时表示在新窗口中打开目标文件省略时表示在原窗口中打开目标文件。
其他属性值_parent,self,_top均为在当前窗口打开在框架网页中表现不一样。 _self默认在现有的窗口中打开新页面原窗口将被覆盖。_blank在新的窗口中打开新页面。_parent在当前框架的上一层打开新页面。_top在顶层框架中打开新页面。
