html+css+javascript网页制作案例_HTML+CSS网页设计与制作

html+css+javascript网页制作案例_HTML+CSS网页设计与制作前端必学 40个案例实战 一课吃透HTML5+CSS3+JS前端必学 40个案例实战 一课吃透HTML5+CSS3+JSxia栽ke:前端必学 40个案例实战 一课吃透HTML5+CSS3+JS(超清完结)_思索IT (sisuoit.com)为什么学习html5?1.

前端必学 40个案例实战 一课吃透HTML5+CSS3+JS   前端必学 40个案例实战 一课吃透HTML5+CSS3+JS   xia栽ke:前端必学 40个案例实战 一课吃透HTML5+CSS3+JS(超清完结)_思索IT (sisuoit.com)   为什么学习html5?   1. html5是WEB开发者,必须掌握的基础知识;   2. html5应用广泛,它可以用来开发网站、WEB应用、WEB游戏等等,如小程序、移动端小游戏等都跟html5有关;   3. html5很容易掌握,花几个小时就可以掌握它;   课程特点   1. 讲师讲课风格幽默,整个学习过程轻松有趣,不枯燥、不乏味;   2. 以就业为导向,与实战相结合,满足大部分学员的学习需求;   学习建议   1. 学完每一节课程,动手将代码打一遍;   2. 举一反三,学完每节课程,思考一下它的应用场景;   3. 完成本门课程,试着自己写一个纯html5的网页;   适宜人群   1. 零基础学员;   2. 前端爱好者;   1、DOCTYPE 描述文档的类型,规定web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。   网页可以使用的具体版本,网页中可以使用那些标记,每个版本的DTD版本均有不同   2、<html></html> 网页文档中的根标记   html 标签有三个特殊的属性  manifest 指定网页缓存文件,可以让用户离线的时候也可以访问文件。xmlns 设置html名空间,比如把网页设置成xhml的时候可以使用这个值。lang 设置网页的描述语言,比如中文是zh;英文是en。   3、<head></head>头部标签在网页中只能有一个,设置HTML文档的头部信息,里面内容不会在页面中显示出来·。   head里面的标记<meta> 标记<title>定义网页的标题<link> 链接<script> 标记JavaScript脚本的内容<style> 标记css样式meta 标记   4、<body></body>只能有一个,显示网页的主体内容。   (一)、<meta>标签   <meta>素的属性:name 描述信息的名称,来标记这是一个什么样的信息http-equiv 描述行为content 描述的内容charset 指定网页的编码   1、name 属性   2、http-equiv属性   <meta http-equiv=”refresh” content=”5,url=dom.html”>   http-equiv描述网页的行为,行为 refresh刷新,内容为5,表示5秒后跳转到 dom.html这个文档。   3、content 属性   特殊属性content-type 指定http头部信息的文字编码(最为常用)default-style 指定优先使用的样式单(stylesheet)refresh 用于网页的自动刷新或是页面跳转set-cookie 设置页面的cookie(现在已经不再推荐使用)   4、charset属性   指定网页的编码,推荐使用UTF-8来增加网页的兼容性。   代码实例:   为搜索引擎抓取机器人准备一些信息   这段代码可以禁止搜索引擎缓存和跟踪网页。   代码实例:   (二)、title、base标记   title和base标记都是写在head标签中   title:设置网页的标题   写法:<title>内容</title>。   base:指定网页跳转基准URL,如果不指定的话默认为当前网站的当前路径。   写法:<base href=https://zhuanlan.zhihu.com/p/”http://www.aaa.zzz/”>   base属性值:href 指定网页跳转到基准URL,如果不指定的话则默认为当前网站的当前路径。   <base href=https://zhuanlan.zhihu.com/p/”http://baidu.com/”> 这是将页面跳转到百度的网站打开。target 指定链接的跳转帧如果不指定的话,则是在当前页面中跳转。   <base target=”_blank”> 网页中的链接都应该在新的窗口中打开。   terget属性值:_blank 在新窗口中打开被链接的文档_self 默认值,在相同框架中打开被链接的文档_parent 在父框架集中_top 在整个窗口中打开被链接文档·framename 在指定框架中打开被链接文档   (三)、link标记   link标记:链接外部文件时使用的标记,可以把外部文件的内容引入到当前文件中来,使当前网页实现更多的功能。   link属性:   href:指定链接外部路径的路径和文件名,要设置全路径并且带文件名   rel:引用文件,引用资源的类型定义   我们在使用link标签引用外部文件的时候,外部文件的类型是多种多样的。   alternate 代替文档(种子,其他语言版本,其他格式等等)   author 网页的作者   help 帮助文件的链接   icon 网页的图标   next 如果是连续网页的时候,指定下一个网页   prefetch 把链接外部资源时提前缓存起来。   prev 如果是连续网页   media 链接文件或是资源属于哪一种资源。   hreflang 链接文件的语言种类   type 链接文件的mi/me类型(比如说,图片图标文本)   sizes 根据link链接文件的类型,来指定文件的大小   代码示例:   链接网页图标:   注意:后面的href和前面type标注的类型要一致,这样既可以显示在浏览器,又可以显示在手机上   链接外部样式单   说明:   alternate 会在浏览器中会弹出一个对话框,供用户可以进行选择   media 表示媒体类型为屏幕,可以是手机,但不包括打印机和投影仪   title 对这个link进行简单的说明   网站RSS种子指定   为搜索引擎的准备的网页的URL

2024最新激活全家桶教程,稳定运行到2099年,请移步至置顶文章:https://sigusoft.com/99576.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处:https://sigusoft.com/49358.html

(0)
上一篇 2024年 9月 3日
下一篇 2024年 9月 3日

相关推荐

关注微信