web前端入门到实战:Html介绍,CSS介绍,JavaScript介绍
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了web前端入门到实战:Html介绍,CSS介绍,JavaScript介绍相关的知识,希望对你有一定的参考价值。
标题图
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对象){ 语句;}
以上是关于web前端入门到实战:Html介绍,CSS介绍,JavaScript介绍的主要内容,如果未能解决你的问题,请参考以下文章
web前端入门到实战:html/css弹性布局的几大常用属性详解
web前端入门到实战:html/css弹性布局的几大常用属性详解