首页
学习
活动
专区
工具
TVP
发布

web前端入门

= 后端 ** 为了能看懂前端的程序 从而能数据交互 数据一定后端 底线: 能看懂前端代码 一、web前端技术 面试题:你写网页能不能遵循web标准?...tile里面的是浏览器标签上的内容,只能题目和广告语 jss和csshead里面写,内容body里面写 Doctype:文档类型 文档声明:规定文档dtd格式 规定好所有浏览器都以相同的... -- 单标记 标题: h1-h6 段落 p 布局区块: div (里面可以一切内容) 特殊效果文字小图片: span (多个span标签,两个标签的内容会显示在一行) ...-- href 书写跳转地址 --> 超链接1 <a href="01-常用布局标签.html" target="_...id="id选择器的名字"*/ /* ******* id使用的标准:同一个id名一个页面只能调用一次 -- 工作中id选择器并不是用来写css美化工作的,用来配合js写程序用的做数据交互 *

1.1K50
您找到你想要的搜索结果了吗?
是的
没有找到

body标签中相关标签

HTML标签是分等级的。HTML将所有的标签分为两种: 文本级标签:p、span、a、b、i、u、em。文本标签里只能文字、图片、表单元素。 容器级标签:div、h系列、li、dt、dd。...容器级标签里可以放任何东西。 从学习p的第一天开始,就要死死记住:p标签是一个文本级标签,p里面只能文字、图片、表单元素。其他的一律不能。 错误写法:(把h系列的标签放到p里) <!...div标签是一个容器级标签,里面什么都能,甚至可以div自己。 span也是表达“小区域、小跨度”的标签,但是是一个文本级的标签。 就是说,span里面只能放置文字、图片、表单元素。...-- 返回页面顶部的位置 -->     跳转到顶部 与js有关 <!...不能网页中插入的图片格式是:psd、ai HTML页面不是直接插入图片,而是插入图片的引用地址,所以也要把图片上传到服务器上。

4.5K10

HTML基础

超文本:链接 标记:标签,带尖括号的文本 标签结构 标签要成对出现,中间包裹内容 里面英文字母(标签名) 结束标签比开始标签多 / 标签分类:双标签和单标签 需要加粗的文字<strong...,用来新闻标题或网页的 logo h2 ~ h6 没有使用次数的限制 07-段落标签 一般用在新闻段落、文章段落、产品描述信息等等。...由于工作中大量接触开源的项目JavaScript,最后自己也走上了开源之路,现全职开发和维护Vue.js。... 2014年2月,开发了一个前端开发库Vue.js。Vue.js 是构建 Web 界面的 JavaScript 框架,是一个通过简洁的API提供高效的数据绑定和灵活的组件系统。... Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 Vue.js 自身不是一个全能框架——它只聚焦于视图层。

13530

在HTTP2中管理CSS和JS

-- 每个页面都使用的全局CSS, 头部/底部/其他 --> ... 是的,这些都是在标签内部. 但是,不要紧张,在规范中并没说不让这样用。对于每个小的标签块,你的样式可以拆分为只包含对应的CSS。...pages 文件夹 事实上这个文件夹跟modules文件夹基本一样,但我用来页面的特殊样式。这种更细化的模块化在我们这些天做的东西里绝对罕见,但是它很好的把页面的特殊样式拆分出来了。 ?...管理 JS 嗯,就像我处理CSS一样,我希望把JS拆分成模块,这样每个页面只需要加载其所需的JS。接着,使用Blendid 配置,我只需要做一点微调就可以正常工作了。...---- 期精选文章 ES6中一些超级好用的内置方法 浅谈web自适应 使用Three.js制作酷炫无比的无穷隧道特效 一个治愈JavaScript疲劳的学习计划 全栈工程师技能大全 WEB前端性能优化常见方法

3.4K30

html常用标签

从学习p的第一天开始,就要死死记住:p里面只能文字、图片、表单元素。其他的一律不能。...语法: 1结婚照 a是英语anchor“锚”的意思,就好像这个页面另一个页面扔出了一个锚。是一个文本级的标签。...,想什么都可以。...div标签是一个容器级标签,里面什么都能,甚至可以div自己 span也是表达“小区域、小跨度”的标签,但是是一个“文本级”的标签。 就是说,span里面只能放置文字、图片、表单元素。...这个表单就会被提交到,form标签的action属性中的那个页面中去。 前端开发工程师,只需要关心页面的美、样式、板式、交互。至于数据的保存、读取,都是后台工程师做的事情。

5.1K20

Vue快速入门(一)

目录 Vue快速入门(一) 介绍 Vue.js 是什么 M-V-VM思想 安装 CDN引入 下载到本地 快速使用 双向数据绑定测试 模板语法 插值语法 指令 文本指令 v-html:让HTML渲染成页面...v-text:标签内容显示js变量对应的值 v-show:显示/隐藏内容 v-if:显示/删除内容 事件指令 v-on:click 可以缩写成@click 属性指令 v-bind:class=’js变量...,这里的数据要显示到页面中 View :vue中数据要显示的HTML页面,在vue中,也称之为“视图模板” (HTML+CSS) ViewModel:vue中编写代码时的vm对象,它是vue.js的核心...,负责连接 View 和 Model数据的中转,保证视图和数据的一致性,所以前面代码中,data里面的数据被显示中p标签中就是vm对象自动完成的(双向数据绑定:JS中变量变了,HTML中数据也跟着改变)...js变量对应的值 v-show 1个布尔值:为真 标签就显示;为假 标签就不显示 v-if 1个布尔值:为真 标签就显示;为假 标签就不显示 v-show与 v-if的区别: v-show

79920

【web前端】web前端设计入门到实战第一弹——html基础精华

/目标网页.html">超链接 特点:双标签 内容可以包裹内容 如果需要a标签点击之后去指定页面,即需设置a标签href属性 属性: _self 默认值,在当前窗口跳转(覆盖原网页) _blank...在新窗口中跳转(保留原网页) <a href="....5.1.无序列表 ul表示无序列表的整体 li表示无序列表的每一项 ul标签中只能li标签 但是li中可以其他标签比如p什么的 123 ...321 5.2.有序列表 ol表示有序列表的整体 li表示有序列表的每一项 ol标签中只能li标签 但是li中可以其他标签比如p什么的 jiejie...dl标签中只能dd/dt标签 但是dd/dt中可以其他标签比如p什么的 123 dd前会默认显示缩进效果 六:表格

16210

Django项目开发(二)

上次创建好了app,搭建好了数据库 创建数据库 因为项目比较简单,只需要书的作者和名字就可以了 from django.db import models导入django内置的数据库,创建数据库的名字叫...urls.py 前端页面编写 对于编写前端,必须知道模板变量和模板标签 模板变量 {{ }} 模板标签 {% %} 以及最重要的继承base模板 {% extends 'base.html' %} 任何前端代码编写第一就是先写...%}{% endblock %} 代码解析 {% load static %} 就是模板标签 来引用static文件夹的静态资源的 在setting.py中会有STATIC_URL...= '/static/' ,这个是项目自动生成的,所以你只需要新建一个文件夹叫static,一些CSS,js,image资源 ?...base.css' %} 就是加载css样式 {% url 'add_book' %} 就是跳转的url链接 {% block content %}{% endblock %} 其他html可以在这里它自己的内容

51670

VUE.js高级

在工作中: 一个标签显示隐藏用v-show 多个标签显示隐藏用v-if和v-else vue没有权限控制body,只能控制内容标签,不能控制结构标签。...如果想控制的内容父级是结构标签,那么直接人为的构造一个父级标签。 在项目中,先了解分析需求,考虑准备什么样的数据,让这个数据变化就能页面跟着变化。...beforeCreated 数据标签都没有 created 数据有了,但是没有找到标签 beforeMount 数据依旧有,对象已经生效于那个标签了,但是mustache里面的数据没有变化,没有修改...mounted标签生效了,mustache中的数据也能正常显示了 工作中要记忆的的是生命周期写法和mounted这个单词 vue和jQuery在开发过程中只能用一种。...() 一般都是有id的大的标签后面vue 想要查看数据,可以在地址栏端口后后面接/接口名 在成功后的的回调函数里面写this的话会出错,是语言的bug,不是代码有问题。

4.2K80

「学习笔记」HTML基础

使用链接文本创建链接文本(被点击的) 「6. 注释标签」 <!...表格」 现在还是较为常用的一种标签,但不是用来布局,常见显示、展示表格式数据。因为它可以让数据显示的非常的规整,可读性非常好。...td 用于定义表格中的单元格,必须嵌套在标签中。 字母 td 指表格数据(table data),即数据单元格的内容,现在我们明白,表格最合适的地方就是用来存储数据的。...用来标题之类的东西。内部必须拥有标签! \2. tbody></tbody:用于定义表格的主体。数据本体 。 \3. tfoot></tfoot表格的脚注之类。 \4....HTML的输入框可以拥有自动完成的功能,当你输入框输入内容的时候,浏览器会从你以前的同名输入框的历史记录中查找出类似的内容并列在输入框下面,这样就不用全部输入进去了,直接选择列表中的项目就可以了。

3.5K20

前端学习(1)~html标签讲解(一)

JS:JavaScript。从交互的角度描述页面的行为。相当于人的动作,让人有生命力。...计算机只能处理二进制的数据,其它数据,比如:0-9、a-z、A-Z,这些字符,我们定义一套规则来表示。假如:A用110表示,B用111表示等。...(a标签里不能a和input) 容器级标签:div、h系列、li、dt、dd。容器级标签里可以放置任何东西。 要死死记住:p标签是一个文本级标签,p里面只能文字、图片、表单元素。...div标签是一个容器级标签,里面什么都能,甚至可以div自己。 span也是表达“小区域、小跨度”的标签,但是是一个文本级的标签。 就是说,span里面只能放置文字、图片、表单元素。...不能网页中插入的图片格式是:psd、ai HTML页面不是直接插入图片,而是插入图片的引用地址,所以也要把图片上传到服务器上。

1.3K42
领券