前端学习(三):body标签(一)】的更多相关文章

今日主要内容: 列表标签 <ul>.<ol>.<dl> 表格标签 <table> 表单标签 <fom> 一.列表标签 列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,“无序列表”的意思. li:list item,“列表项”的意思. 示例: <ul> <li>张三</li> <li>李四</…
body标签中相关标签 主要内容: 字体标签:  h1~h6.<font>.<u>.<b>.<strong><em>.<sup>.<sub> 排版标签:  <div> .<span> . <br>.<hr>.<center>.<pre> 超链接:  <a> 图片标签:  <img> HTML标签中有两类标签: 1.字体标签 2.…
一个页面:  头部.用户信息.新闻列表 jquery ajax:  1.$.ajax({    url:'',    dataType:'json', }).then(res=>{    //res :  成功后的返回},err=>{    //err: 失败的对象}); 2.let url = '';$.ajax({    url,    data:    dataType:    ...    success:function(res){        //res 成功后的数据    },…
字体样式:    color:red:    font-size:12px:    font-weight:bold/normal;    font-style:italic/normal;    font-family:"" 文本样式:    text-indent:2em;    text-decoration:none/line-through/underline/overline;    text-align:left/center/right:    line-height:…
移动端App    开发App的三种方式    Native App         原生        底层语言        java         Android        oc             IOS 优势:            1.性能非常高            2.可以调用底层功能 劣势:            1.不能跨平台            2.至少需要两个团队            3.成本过高            4.维护难,开发周期长 Web App…
Angular+Vue+React    Vue性能最好,Vue最轻=======================================================Angular    入门难,学习成本高Vue    简单=======================================================Vue    官网:http://vuejs.org/    中文:http://cn.vuejs.org/ Vue.js的发展        1.x  …
MVC     后台    M         Module             数据层    V         View             视图层    C         Controller         控制层 前端开始用MVC    M         数据层         交互    V         视图层         DOM操作    C         控制层         逻辑 =====================================…
RequireJs:一.安装.下载    官网: requirejs.org    Npm:  npm i requirejs二.使用    以前的开发方式的问题:        1).js 是阻塞加载        2).变量名冲突        3).多个JS文件之间相互依赖(必须保证一个正确的顺序) 1.简单示例    require(['js/a1.js']);        —— 不阻塞页面渲染了2.定义模块:(AMD) define    一个模块就是一个JS文件. define(f…
人,工人 //类的定义    function Person(name,age){ //构造函数        //工厂模式        //1.原料        //var obj = new Object();        //2.加工        this.name = name;        this.age = age;        //3.出厂        //return obj;    }    //方法    Person.prototype.showName =…
canvas             画布    画图.做动画.做游戏===========================================    canvas就是新标签 必须获取绘图上下文        var gd = oC.getContext('2d'); 设置起点        gd.moveTo();    设置终点        gd.lineTo();    描边        gd.stroke(); 填充        gd.fill(); 设置描边颜色  …
赋值表达式    document.onclick = document.onmouseover = fn;    var a = b = c = d = 5;             不推荐 逗号表达式    var a = 5,        b = 3,        c = 2; 听逗号最后一个    if(0,1){                     if(1,0)        true     √                    true    }else{      …
进击のpython ***** 前端学习--body标签 body中的相关标签,因为是主要展现在页面的内容区域 所以相对来说内容多,杂,要背记的部分很多 当学完这节的内容之后,你可以试着写一片精致的文章网页 hx标签,为你的网页加上标题 h1~h6任君选择 <h1>我是h1</h1> <h2>我是h2</h2> <h3>我是h3</h3> <h4>我是h4</h4> <h5>我是h5</h5&…
进击のpython ***** 前端学习--body标签 接下来的内容就比较多了,各位看官且听我慢慢道来... ... 使用a标签,链接到另一个页面 网页中<a>标签,全称:anchor.锚点的意思 它在html中称为超链接标签,可以说在网页中无处不在,只要有链接的地方,就有会这个标签 <a href='目标地址' title='鼠标滑过显示的文本'>链接显示的文本</a> 覆盖本身 我们做一个例子,点击百度一下就能跳转到百度: <body> <a h…
进击のpython ***** 前端学习--body标签 关于前面的都是大部分的标签内容 但是就像衣服一样,除了要有,还要放到适当的位置 我们先来看看一下网页的布局: 就可以看出来,网页都是一块一块的,而像这种分块的操作,就像是一个盒子一个盒子的紧凑拼接 那我们这节讲的就是用来拼凑的盒子--div&span div&span 在网页制作中,我们可以把一些独立的逻辑部分划分出来,放在一个div标签中 这个<div>标签的作用就相当于一个容器,把我们想要的内容给装起来 div的意思…
前端学习 第三弹: JavaScript语言的特性与发展 javascript的缺点 1.没有命名空间,没有多文件的规范,同名函数相互覆盖 导致js的模块化很差 2.标准库很小 3.null和undefined null几乎没有用 不该设计它 4.全局变量难以控制 5.自动插入行尾分号 主要的缺点就是这几个,别的缺点就不一一列举了.... (自习室关门了,待续...)…
进击のpython ***** 前端学习--body标签 接着上一节,我们看一下还有没有什么网址 果不其然,在看到新闻类的网址的时候 我们发现还有许多的不一样的东西! 使用ul,添加新闻信息列表 这个样子是什么做出来的呢??? 前面有个点,后面有文字,其实这是列表 (新开一个项目,不要用上一节的项目了) 这一连串的信息其实谁上谁下都无所谓,所以也叫无序列表<ul></ul>(我猜的unorder) 那单单只有列表没有用,我们还要规定一下每一列的信息 line information…
进击のpython ***** 前端学习--head标签 head标签中的相关标签,是看不见摸不着的,仅仅是对应用于网页的一些基础信息(元信息) 前面说的是青春版,完整的head应该是这样的 !<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wi…
... [2015.12.02-2016.02.22]期间的学习笔记. 相关博客: Web前端学习笔记[2] 1. JS中的: (1)continue 语句 (带有或不带标签引用)只能用在循环中. (2)break 语句 (不带标签引用),只能用在循环或 switch 中. (通过标签引用),break 语句可用于跳出任何 JavaScript 代码块: =======================================================================…
技能学习部分: 1.需要熟练掌握HTML标签以及CSS各个常用属性. 2.掌握CSS3 常用属性 3.掌握jquery的基本用法,对于JS基本逻辑语句需要熟练掌握 上文 [FE前端学习]第二阶段任务-提高 一.HTML标签 HTML是一种标记语言,标记语言是一套标记标签,标记标签是用尖括号包围的关键词,以开始标签和结束标签成对存在,如<b>和</b> HTML元素是开始标签到结束标签的所有代码 HTML属性,给元素提供了更多信息,在开始标签中以名称/值的形式出现,如下例的href属…
....编号    ........类别    ............条目  ................明细....................时间 一.Web前端学习笔记                                    2016年6月15日10:38:53    /****************************************************************begin******************************…
Html 前端学习 <!DOCTYPE html> < lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <> <!--a标签--> <a href="http://www.baidu.com" target="_blank"…
前端要学习三个部分:HTML,CSS,JavaScript(简称JS),因此首先明确三个概念:HTML是内容层,它的目的是表示一个HTML标签在页面里是个什么角色. CSS是样式层,它的目的是表示一块内容以什么样的样式(字体.大小.颜色.宽高等)显示. JS是行为层,它要做的是当用户触发某些行为时,会给内容和样式带来什么样的改变. 1,HTML,CSS部分.HTML/CSS初学,就照着http://www.w3cschool.cn/的实验做,把http://www.w3cschool.cn/in…
第一阶段:HTML+CSS: HTML进阶.CSS进阶.div+css布局.HTML+css整站开发. JavaScript基础:Js基础教程.js内置对象常用方法.常见DOM树操作大全.ECMAscript.DOM.BOM.定时器和焦点图. JS基本特效:常见特效.例如:tab.导航.整页滚动.轮播图.JS制作幻灯片.弹出层.手风琴菜单.瀑布流布局.滚动事件.滚差视图. JS高级特征:正则表达式.排序算法.递归算法.闭包.函数节流.作用域链.基于距离运动框架.面向对象基础. JQuery:基础…
前端学习之jquery 一 属性操作 html(): console.log($("div").html()); $(".test").html("<h1>hello</h1>"); 拿到的是标签 test(): console.log($("div").text()); $(".test").text("<h1>hello</h1>");…
前端学习之jquery 1.   什么是jQuery对象? jQuery对象就是通过jQuery包装DOM对象后产生的对象.jQuery对象是jQuery独有的.如果一个对象是jQuery对象,那么它就可以使用jQuery里的方法:$("test").html(); $("#test").html() //意思是指:获取ID为test的元素内的html代码.其中html()是jQuery里的方法 // 这段代码等同于用DOM实现代码: document.getEle…
前端学习日记之HTML.CSS 简单总结 标签(空格分隔): html css 前端学习日记 html超文本标记语言 一. h标题标签 h1-h7 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="keywords" content="11"> <meta name="description&…
HTML+CSS: HTML进阶.CSS进阶.div+css布局.HTML+css整站开发. JavaScript基础: Js基础教程.js内置对象常用方法.常见DOM树操作大全.ECMAscript.DOM.BOM.定时器和焦点图. JS基本特效: 常见特效.例如:tab.导航.整页滚动.轮播图.JS制作幻灯片.弹出层.手风琴菜单.瀑布流布局.滚动事件.滚差视图. JS高级特征: 正则表达式.排序算法.递归算法.闭包.函数节流.作用域链.基于距离运动框架.面向对象基础.JQuery:基础使用…
WEB前端研发工程师,在国内算是一个朝阳职业,这个领域没有学校的正规教育,大多数人都是靠自己自学成才.本文主要介绍自己从事web开发以来(从大二至今)看过的书籍和自己的成长过程,目的是给想了解JavaScript或者是刚接触JavaScript的朋友,介绍如何通过循序渐进的看书来学习javascript.一. 入门级 :就是有一定的基础(比如最常见的HTML标签及其属性.事件.方法;最常见的CSS属性;基础的JavaScript编程能力),能够完成一些简单的WEB前端需求. 推荐:<JavaSc…
vue—你必须知道的   目录 更多总结 猛戳这里 属性与方法 语法 计算属性 特殊属性 vue 样式绑定 vue事件处理器 表单控件绑定 父子组件通信 过渡效果 vue经验总结 javascript 经验总结 更多总结 猛戳这里 属性与方法 不要在实例属性或者回调函数中(例如,vm.$watch('a', newVal => this.myMethod())使用箭头函数.因为箭头函数会绑定父级上下文,所以 this 不会按照预期指向 Vue 实例,然后 this.myMethod 将是未定义.…
好程序员web前端分享前端学习路线自学如何找到工作,自学能不能学会WEB前端并且找到WEB前端开发岗位的工作取决于自身条件,如果基础好,自律性强那么将会容易很多,还有就是自学最难克服的并不是知识点,而是自己的学习环境是否真的能让自己静心学习. 就学历和专业而言我们可以来分析成功率,本科生计算机相关专业的那么他的自学成功率就会很高,因为本身基础好,我国高考制度已经充分证明来他的实力,所以这样的人才学习能力是很强的. 比如一个高中辍学的人,他想要自学WEB前端,想要达到就业的水平,那么这样的成功率非…