《前台html_css_js极速入门》

《前台html_css_js极速入门》

ID:40241749

大小:306.01 KB

页数:26页

时间:2019-07-28

《前台html_css_js极速入门》_第1页
《前台html_css_js极速入门》_第2页
《前台html_css_js极速入门》_第3页
《前台html_css_js极速入门》_第4页
《前台html_css_js极速入门》_第5页
资源描述:

《《前台html_css_js极速入门》》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、网站开发技术实战培训---第一课:前台htmlcssjs极速入门课程内容1、Html、css、js简要介绍(5min)2、Html基本语法结构介绍(5min)3、Html标签元素样式及布局定位举例(15min)4、Html与css:内容与样式分离(10min)5、javascript动态修改样式举例(5min)6、Jquery动作绑定举例(5min)7、实战1:huodong.ustc.edu.cn首页制作(35min)8、实战2:制作有透明背景的弹出框(10min)1、前台Html、css、js简要介绍HTML是用来描述网页的一种语言。HTML

2、指的是超文本标记语言(HyperTextMarkupLanguage)HTML不是一种编程语言,而是一种标记语言(markuplanguage)标记语言是一套标记标签(markuptag)HTML使用标记标签来描述网页1、前台Html、css、js简要介绍CSS概述CSS指层叠样式表(CascadingStyleSheets)样式定义如何显示HTML元素样式通常存储在样式表中外部样式表可以极大提高工作效率外部样式表通常存储在CSS文件中多个样式定义可层叠为一1、前台Html、css、js简要介绍JavaScript概述JavaScript被设计用

3、来向HTML页面添加交互行为。JavaScript是一种脚本语言(脚本语言是一种轻量级的编程语言)。JavaScript由数行可执行计算机代码组成。JavaScript通常被直接嵌入HTML页面。JavaScript是一种解释性语言(就是说,代码执行不进行预编译)。1、前台Html、css、js简要介绍关系Html控制要输出哪些内容,并给内容打上标签Css通过html的标签来控制输出内容的样式和位置Js可动态修改样式或html中的标签及内容:即动作Html显示什么内容Css内容显示成什么样子Js动作:不同情况下不一样的内容和样子2、Html

4、基本语法结构介绍html基本格式<标签名属性>标签包含的内容例如:你好!秋

浏览器不会显示HTML标签,而是使用标签来解释页面的内容:2、Html基本语法结构介绍标题……
内容1

内容2

内容3

……与之间:网页全部信息与之间:网页说明信息

5、>之间:浏览器标题与之间:可见的网页内容2、Html基本语法结构介绍3、Html元素样式及布局定位举例先讲规则原理,再用代码写出符合规则的布局和样式常用规则和代码均极其简单不以书上标准名词讲解,采用通俗、俗气的名词叫法,先让大家能理解,能写,然后大家再去看书,去系统、规范学习,去提高技能3、Html元素样式及布局定位举例要显示的内容必须放在body中。Body是个大硬盒子,盒子中可以放其它盒子盒子中可以放袋子盒子是硬的,有长宽高属性,默认独占一行袋子是软的,袋子没有长宽高属性,不独占一行袋子中不能放盒子(标准中规定),但

6、浏览器多支持此非正规写法,建议不要常用Display可以使标签元素在盒子和袋子间改变Display:block块元素(盒子),inline内联元素(袋子);各种标签默认的display属性不同Float可以使块级元素(盒子)不独占一行Html元素样式及布局定位举例开始例子,边做边学后面ppt作为提示和讲解属性用3、Html元素样式及布局定位举例盒子的主要属性:宽(width)高(height)边框(border)外边距(margin)内边距(padding)背景(background)内部内容样式(对齐方式字体颜色等)设置的宽高仅仅是是conte

7、nt的宽高(ie6及以前是全部的宽高,即外部虚线部分包含的区间宽高)设置的背景是包含padding和content的部分的背景3、Html元素样式及布局定位举例袋子的主要属性:没有宽高属性,没有上下边距,没有内部内容的对齐方式,其余和盒子基本一样3、Html元素样式及布局定位举例元素位置1:Body是最外面的包装大盒子,Body里面有盒子盒子又有兄弟盒子盒子也有子盒子兄弟盒子间位置按照文档中的顺序布局定位紧挨上一个盒子(盒子要独占一行)子盒子紧挨父盒子的左上角3、Html元素样式及布局定位举例元素位置2:3、Html元素样式及布局定位举例元素位置

8、3:3、Html元素样式及布局定位举例元素位置1:Html元素属性查看w3cschool上面的教程上面可以查询对应元素,其属性含义,及其

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签