您好,欢迎来到网暖!
?
当前位置:网暖 » 站长资讯 » 建站基础 » 网络技术 » 文章详细 订阅RssFeed

web前端入门到实战:HTML、CSS、JavaScript分别实现什么功能?

来源:网络整理 浏览:210次 时间:2019-12-10

学习Web前端开发基础技术需要掌握:HTML、CSS、JavaScript,那么这三个都是分别实现什么功能的呢?下面和小编一起来看看吧!

web前端入门到实战:HTML、CSS、JavaScript分别实现什么功能?

一、HTML是网页内容的载体

内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

二、CSS样式是表现

就像网页的外衣,比如:标题字体、颜色变化、为标题加入背景图片、边框等。

所有这些用来改变内容外观的东西称之为表现。

三、JavaScript是用来实现网页上的特效效果

比如:鼠标滑过弹出下拉菜单、鼠标滑过表格的背景颜色改变、焦点新闻的轮换。

可以理解为:有动画的、有交互的一般都用JavaScript来实现。

HTML之代码注释:

代码注释?#21069;?#21161;程序员标注代码的作用,过一段时间后再看你所编写的代码,就能很快想起这段代码的作用。

代码注释不仅方便程序员自己回忆起以前代码的用途,还可以帮助其他程序员很快的读懂你的程序的功能,方便多人合作开发网页代码。

HTML之语义化:

语义化其实就是明白每个标签的用途,它能够让你的网页更好的被搜索引擎理解。

它的?#20040;?#21487;以总结为两点:

(1)更容易被搜索引擎收录;

(2)更容易让屏幕阅读器读出网页内容;

HTML之em、strong和span?#37027;?#21035;:

(1)和标签是为了强调一?#20301;?#20013;的关键字时使用,他们的语义是强调;

(2)标签是没有语义的,它的作用就是为了设置单独的样式用的;

HTML之summary,caption:

作用是为table添加标题和摘要

摘要的内容?#25442;?#22312;浏览器中显示出来,它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。

代码注释:

在CSS中的注释语句:用/注释语句/来标明

在Html中使用来标明

HTML选择器的问题:

后代选择器与子选择器?#37027;?#21035;

子选择器(child selector)仅是指它的直接后代,或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择,而子选择器是通过“>”进行选择。

web前端开发学习Q-q-u-n: 767273102 ,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习方法(详细的前端项目实战教学视频)

总结:

作用于元素的第一代后代,空格作用于元素的所有后代。

推荐站点

  • 腾讯腾讯

    腾讯网(www.QQ.com)是中国浏览量最大的中文门户网站,是腾讯公?#23601;?#20986;的集新闻信息、互动社区、娱乐产品和基础服务为一体的大型综合门户网站。腾讯网服务于全球华人用户,致力成为最具传播力和互动性,权威、主流、时尚的互联网媒体?#25945;ā?#36890;过?#30475;?#30340;实时新闻和全面深入的信息资讯服务,为中国数以亿计的互联网用户提供富有创意的网上新生活。

    www.qq.com
  • 搜狐搜狐

    搜狐网是全球最大的中文门户网站,为用户提供24小时不间断的最新资讯,及搜索、邮件等网络服务。内容包括全球热点?#24405;?#31361;发新闻、时事评论、热播影视剧、体育赛事、行业动态、生活服务信息,以及论坛、博客、微博、我的搜狐等互动空间。

    www.sohu.com
  • 网易网易

    网易是中国领先的互联网技术公司,为用户提供免费邮箱、游戏、搜索引擎服务,开设新闻、娱乐、体育等30多个内容频道,?#23433;?#23458;、视频、论坛等互动交流,网聚人的力量。

    www.163.com
  • 新浪新浪

    新浪网为全球用户24小时提供全面及时的中文资讯,内容覆盖国内外突发新闻?#24405;?#20307;坛赛事、娱乐时?#23567;?#20135;业资讯、实用信息等,设有新闻、体育、娱乐、财经、科技、房产、汽车等30多个内容频道,同时开设博客、视频、论坛等自由互动交流空间。

    www.sina.com.cn
  • 百度一下百度一下

    百度一下,你就知道

    www.baidu.com
?
奇妙马戏团试玩
加拿大28开奖计划软件 亿客隆彩票首页 湖南快乐10分计划 福彩天津快乐十分基本走势图 安卓手机捕鱼达人作弊 体彩p3 01彩票app手机版下载 pc28一天只压大双小单 双式投注三式投注什么意思 黑龙江6+1开奖号码 广西南宁麻将群 快乐扑克 时时彩总代 大乐透百变王牌 北京时时赛车开奖 体彩五码最大遗漏