邯郸wap网站建设费用,网页设计的发展,网站开发专业分析,潍坊网站模板在哪什么是WEB前端#xff1f;
简单来说就是网页#xff0c;只是这个网页它是由多种技术参与制作的#xff0c;用来向用户展示的页面。 HTML(超文本标签语言)#xff1a;它决定了网页的结构。 CSS#xff1a;网页的装饰器。 JavaScript#xff1a;JavaScrip最初是因为校验…什么是WEB前端
简单来说就是网页只是这个网页它是由多种技术参与制作的用来向用户展示的页面。 HTML(超文本标签语言)它决定了网页的结构。 CSS网页的装饰器。 JavaScriptJavaScrip最初是因为校验而产生的。数据交互、网页特效
第一款浏览器MOSIAC
第一款商用的浏览器是netscape网景的navigator导航者
W3C制定了web的相关规范。 一、HTML的运行环境和开发环境
开发环境只需要一个记事本即可
运行环境只需要有浏览器即可 二、标签的语法结构
结构标签 属性“属性值” 内容部分或称区域 /标签结束
1、标签大多成对出现又开始和结束/。自结束标签除外
2、标签内可以有属性有属性必有值。布尔型属性除外如muted
3、开始和结束标签之间包含的内容被称为区域。
4、标签不区分大小写。 三、页面的分类
静态页面是指不修改网页源码的前提下无论何时何地去访问都会得到同样的结果。
动态页面网站会根据信息做出的实时反馈。例如注册论坛等等。 四、常用标签
一head中常用标签
1、meta标签
charset属性用来设置页面的编码方式常见编码有GBK,UTF-8,BIG,bg2312
name属性可以有keyworddescription这两个属性可以影响到网页的排名。
2、title标签
用来定义页面的主体影响选项卡显示的内容。
二body中的常用标签
b加粗div块标签strong加粗span行内标签i斜体pre格式化标签em斜体sup上标签u下划线sub下标签del中划线hr加一条灰线br换行h1、h2、、、逐渐变小的字体p段落small比前面的字体更小三特殊符号 五、多媒体标签
一图片标签
格式img src资源路径 alt“资源不存在时显示的内容”
路径填写方式绝对路径、相对路径、网络路径
图片的格式都有哪些
1、jpg现在多为无损格式并且它是不支持透明通道。
2、png无损格式并且它支持透明通道。
3、bmp无损支持透明体积大。
4、gif动图只支持256色
二视频标签
格式video srcday1.mp4 controlscontrols
属性
controls显示控制界面autoplay自动播放但要在开启mutde的前提下width“800”设置宽度为800pxloop自动循环播放muted静音
三音频标签
格式audio src./歌.mp3 controlscontrols
属性与视频标签一致 六、表格标签
表格标签是由table、tr、td三个标签构成同时可以使用语义化标签thead、tbody、tfoot进行规划。
一表格的合并
行合并rowspan属性用于进行表格的行合并
列合并colspan属性用于进行表格的列合并
二表格的背景
设图片为背景table background图片路径”
设置背景底色table bgcolor“#ccc” (#ccc的背景为灰色 七、超链接标签
1、格式a href超链接 显示的内容 /a
2、属性
href所需要跳转的网页链接
target为_blank的时候 跳转的网页会新建选项卡
锚链接
a idtop href#bottom 跳到底部 /a
a idbottom href#top 回到顶部 /a
热区超连接
一个图片多个链接可将分割出多个链接区域每个区域叫一个热区。 img srcimages/china.jpg usemap#Map map nameMap area shaperect coords456,251,485,319 hrefshaanxi.html #矩形 area shapecircle coords402,299,23 hrefshanxi.html #圆形 area shapepoly coords400,365,446,268,446,381 hrefningxia.html #多边形 /map 八、相关练习
练习1 练习1代码
!DOCTYPE html
htmlheadmeta charsetutf-8 /title工商银行汇款单/title/headbodyh2工商银行电子汇款单/h2table border1 witch1000 cellpadding0 cellspacing0 theadtrtd colspan2b回单类型/b/tdtd 网上转账汇款/tdtd colspan2b指令序号/b/tdtdHQH00000000000000013878172/td/tr/theadtbodytrtd rowspan4b收br款br人/b/tdtd户名/tdtd老牟/tdtd rowspan4b付br款br人/b/tdtd户名/tdtd老刘/td/trtrtdb卡号/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 colspan4人民币大写壹圆整/td/tr/tbodytfoottrtd colspan2b交易时间/b/tdtd2017年6月1日/tdtd colspan2b时间戳/b/tdtd2017-06-01-13.00.00。00000/td/tr/tfoot/table票据打印时间2017-06-01 15:00:12brdel票据打印单位江苏徐州业务中心/delbr操作员大曾/body
/html
练习2 练习2代码
!DOCTYPE html
htmlheadmeta charsetutf-8title李白诗词/title/headbodyh2将进酒 small 君不见黄河之水天上来/small/h2tabletrtdimg src21.jpg alt李白//tdtdpre
君不见黄河之水天上来奔流到海不复回。br /
君不见高堂明镜悲白发朝如青丝暮成雪。br /
人生得意须尽欢莫使金樽空对月。br /
天生我材必有用千金散尽还复来。br /
烹羊宰牛且为乐会须一饮三百杯。br /
岑夫子丹丘生将进酒杯莫停。br /
与君歌一曲请君为我倾耳听。br /
钟鼓馔玉不足贵但愿长醉不愿醒。br /
古来圣贤皆寂寞惟有饮者留其名。br /
陈王昔时宴平乐斗酒十千恣欢谑。br /
主人何为言少钱径须沽取对君酌。br /
五花马千金裘br /
呼儿将出换美酒与尔同销万古愁。br //pre/td/tr/table/body
/html
练习3 练习3代码
!DOCTYPE html
htmlheadmeta charsetutf-8title热门电影板块/title/headbodyh3热门电影板块/h3hrtable width800trtd width150b最近热门电影/b/tdtd width50热门/tdtd width50最新/tdtd width80豆瓣高分/tdtd width80冷门佳片/tdtd width50华语/tdtd width50欧美/tdtd width50韩国/tdtd width130日本/tdtd更多/td/tr/tablehrtabletrtdimg src31.jpg//tdtdimg src32.jpg//tdtdimg src33.jpg//tdtdimg src34.jpg//td/trtrtd猜火车 8.1/tdtd贝尔科实验 6.0/tdtd加州公路巡警 6.8/tdtd歌声不绝 6.3/td/trtrtdimg src35.jpg//tdtdimg src36.jpg//tdtdimg src37.jpg//tdtdimg src38.jpg//td/trtrtd明日的我与昨日的我/tdtd速度与激情8/tdtd极速特工/tdtd金刚狼3殊死一战/td/tr/table/body
/html 都看到这里了创作不易大家点个赞再走呗- ̗̀(๑ᵔ⌔ᵔ๑)
