您好,欢迎来到网暖!

当前位置:网暖 » 站长资讯 » 建站基础 » 网络技术 » 文章详细 订阅RssFeed

web前端入门到实战:Html介绍,CSS介绍,JavaScript介绍

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

标题图

CSS介绍

学前端必备掌握CSS样式,css为层叠样式表,用来定义页面的显示效果,加强用户的体验乐趣,那么如何用css到html中呢?

style属性方式

利用标签中的style属性来改变显示样式

p标签作者:

在head中加入style标签作者:

p{color:#FFF000;}

链接方式

总结CSS

选择器名称 {

属性名:属性值;

…….

}

属性与属性之间用 分号 隔开

属性与属性值用 冒号 连接

选择器

1.class选择器

2.id选择器

.class# id

Html

html为超文本标记语言,通过标签来定义的语言,代码不用区分大小写。

头标签

:指定浏览器中标题栏显示的内容。<meta>:网页的描述信息。

在标签中常用:

字体

标题标签:<h1><h2>…..<h6>

列表

名称Tom名称Tom

图像

图像标签:<img>图像地图:<map>

表格

表格标签:<table>标题<caption> 表头<th> 行<tr> 单元格<td>

表格标题姓名年龄dashucoding10

超链接

超链接<a href=””>定位标记<a href=”#标记”>

表单

文本框 text

密码框 password

单选框 radio

复选框 checkbox

提交按钮 submit

重置按钮 reset

按钮 button

图像 image

JavaScript介绍

JavaScript是基于对象和事件驱动的脚本语言,为html提供信息的动态交互,安全性高,跨平台性强。JS是基于对象,且是弱类型。

引入:

将JavaScript脚本代码嵌入到HTML文档中

document.write("欢迎来到JavaScript世界!");

functionclickme(){ alert("鼠标单击!");}

脚本代码的位置

在<head></head>标记对之间放置

在<body></body>标记对之间放置

变量

变量名以字母或下划线("_")开头

变量可以包含数字、从 A 至 Z 的大小写字母

JavaScript区分大小写

变量的声明和赋值

定义变量:var name;

赋值:name = dashucoding;

常量

1.整型

2.浮点型

3.字符串型

4.数据类型

5.弱类型,区分大小写

数值型

整型、浮点型

字符串型

单引号或双引号引起来

布尔型

true, false

Null、undefined

运算符

算术运算符

+、-、 * 、 / 、%、++、--

比较运算符

==、!=、>、>=、<、<=

逻辑运算符

&&、||、!

条件运算符

?:

函数

function函数名(参数...){ 执行语句;return返回值;}

数组

vararr =newArray();

for(var x=0; x<arr.length; x++){

alert(arr[x]);}

循环语句

1.for语句

2.while语句

3.for…in语句

4.中断循环语句

for(初始化; 条件; 增量){ 语句;}

while(条件){ 语句; }

for(变量in对象){ 语句;}

推荐站点

  • 腾讯腾讯

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

    www.qq.com
  • 搜狐搜狐

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

    www.sohu.com
  • 网易网易

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

    www.163.com
  • 新浪新浪

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

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

    百度一下,你就知道

    www.baidu.com