Web前端学习笔记1
Day1.
1.Windows常用快捷键。
| 快捷键 | 功能 |
| ctrl+c | 复制 |
| ctrl+v | 粘贴 |
| ctrl+x | 剪切（复制和剪切后都可以粘贴） |
| ctrl+a | 全选 |
| ctrl+s | 保存 |
| ctrl+tab | 软件内部切换内容 |
| alt+tab（win+tab） | 打开所有软件快速切换 |
| win+r | 快速打开软件 |
| win+e | 快速打开计算机 |
| ctrl+空格 | 调处输入法 |
| f2 | 快速修改文件名 |
| f5 | 刷新当前页面 |
| win+l | 快速让电脑待机 |
| ctrl+z | 撤销 |
| win+d | 返回桌面 |
2.网页基本了解
2.1 网页由文字，图片，按钮，输入框，视频等元素组成。
2.2 Web标准
结构标准:HTML（超文本标记语言）
表现标准:CSS
行为标准:js（javascript）
3.浏览器基本概况
3.1 常用浏览器
3.2 浏览器内核：渲染引擎。
3.3 常见浏览器内核。
3.4 浏览器与服务器之间的大致关系
3.5 http:浏览器与服务器之间传输消息的一种规范。https:加密处理（信息更安全）
3.6 url地址组成。
平时我们写得网址就是url地址
url协议：规定url地址的格式。
协议规定格式：scheme://host.domain:port/path/filename
scheme:定义因特网的服务类型。常见的就是http
host:定义域主机（http默认的主机是www）
domain:定义因特网域名 比如 w3school.com.cn
:port : 定义端口号（网页默认端口：80）
path:网页所在服务器上的路径
filename:文件名称
1.html基本认识。
1.1 基本概念
hyper text markup language（超文本标记语言）
超文本：能够实现网页跳转的文本。（例如打开百度搜索框下的贴吧按钮即可跳转到贴吧界面）
标记：html语言中的标签。
1.2 html结构
<! Doctype html>
<html>
<head>
<title></title>
</head>
<body></body>
</html>
<! Doctype html>:告诉浏览器当前文本类型。
<html></html>：根标签
<head></head>:html文档头部分
<title></title>:网页的标题
<body></body>:html的主体部分，网页中看到的文本，图片，输入框，按钮等都应写到这个标签中。
1.3 标签的分类
单标签：只有开始标签，没有结束标签。例如 <! doctype html>
双标签：有开始标签和结束标签。例如<html></html>
1.4 标签之间的关系
并列关系：例如<head></head>或者<body></body>
嵌套关系：例如<head>
<title></title>
</head>
Web前端学习笔记1的更多相关文章
- 【前端】Web前端学习笔记【2】
[2016.02.22至今]的学习笔记. 相关博客: Web前端学习笔记[1] 1. this在 JavaScript 中主要有以下五种使用场景 在全局函数调用中,this 绑定全局对象,浏览器环境全 ...
- 【前端】Web前端学习笔记【1】
... [2015.12.02-2016.02.22]期间的学习笔记. 相关博客: Web前端学习笔记[2] 1. JS中的: (1)continue 语句 (带有或不带标签引用)只能用在循环中. ( ...
- Web前端学习笔记(001)
....编号 ........类别 ............条目 ................明细....................时间 一.Web前端学习笔记 ...
- web前端学习笔记
web前端学习笔记(CSS盒子的定位) 相对定位 使用相对定位的盒子的位置常以标准流的排版方式为基础,然后使盒子相对于它在原本的标准位置偏移指定的距离.相对定位的盒子仍在标准流中,它后面的盒子仍以标准 ...
- web前端学习笔记：文本属性
今天的web前端笔记主要讲述文本属性,希望能帮助到正在学习web前端开发的初学者们,废话不多说了,一起来看看文本属性的相关内容吧. 文本属性 文本缩进 将Web页面上的一个段落第一行缩进,这是一种最常 ...
- web前端学习笔记（二）---Django
[前言]前面(一)学习了web的基础知识,介绍到了MVC,项目使用一个Django框架. Django book:https://code.ziqiangxuetang.com/django/djan ...
- Web前端学习笔记：Bootstrap框架
很久之前就有很多人给我推荐twitter的Bootstrap框架,但是直到前几天我才真正学习了下Bootstrap,的确是相当棒的框架,至少从视觉体验上超越了很多以前碰到了前端UI框架.今天我要聊聊B ...
- Web前端学习笔记之jQuery基础
0x0 jQuery介绍 jQuery是一个轻量级的.兼容多浏览器的JavaScript库. jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方便地进行Aja ...
- Web前端学习笔记之BootStrap
Bootstrap介绍 Bootstrap是Twitter开源的基于HTML.CSS.JavaScript的前端框架. 它是为实现快速开发Web应用程序而设计的一套前端工具包. 它支持响应式布局,并且 ...
- web前端学习笔记---实现雪花飘落的效果
看了javascript网页特效实例大全中的图片飘下的效果实例,觉得值得动手学习下. 就把图片改成雪花图,完成一个雪花飘下的效果. 并且,其中有些内容比较陈旧了,那么就学者改掉吧. 包括: 1.对le ...
随机推荐
- ASP.NET MVC程序传值方式:ViewData，ViewBag，TempData和Session
转载原地址 http://www.cnblogs.com/sunshineground/p/4350216.html 在ASP.NET MVC中,页面间Controller与View之间主要有以下几种 ...
- [原]使用node-mapnik和openstreetmap数据初步搭建瓦片服务
最近依然还是有点小忙,只能挤点时间来学习点,先解决有没有的问题,再解决好不好的问题:) 本文将承接上文<使用node-mapnik生成openstreetmap-carto风格的瓦片>的内 ...
- C#学习笔记（六）：可空类型、匿名方法和迭代器
可空类型 为啥要引入可空类型? 在数据库中,字段是可以为null值的,那么在C#中为了方便的操作数据库的值,微软引入了可空类型. 声明可空类型 我们可以使用两种方法声明一个可空类型: Nullable ...
- PHP实现基于Swoole简单的HTTP服务器
引用Swoole官方定义: PHP语言的异步.并行.高性能网络通信框架,使用纯C语言编写,提供了PHP语言的异步多线程服务器,异步TCP/UDP网络客户端,异步MySQL,数据库连接池,AsyncTa ...
- Java Thread Basic
一.Java的多线程有三种实现方式. 1.继承创建. a.定义子类,重写run方法 b.创建Thread子类的实例(即现成对象) c.调用start() 方法启动现成 特征:不可以共享变量. publ ...
- 使用Github遇到的问题及解决办法
问题一: 当push代码上去仓库时,出现 ! [rejected] master -> master (fetch first) error: failed to push som ...
- cocos2d-x CCTableView
转自:http://www.cnblogs.com/dcxing/archive/2013/01/16/2862068.html CCTableView在游戏中一般用在背包这样场景或层中,当然也不止这 ...
- 【转】Android 实现ListView的滑动删除效果
http://www.cnblogs.com/weixiao870428/p/3524055.html http://download.csdn.net/download/love_javc_you/ ...
- Win7激活后添加grub引导Linux最简单方法
因为Win7(Vista同理)的激活方式是通过grub摸你OEM的Slic信息,所以主引导分区MBR被这个grub占用,以此才能激活WIn7.但是如果想同时安装Linux在别的分区,就会产生问题:gr ...
- C#三种模拟自动登录和提交POST信息的实现方法
网页自动登录(提交Post内容)的用途很多,如验证身份.程序升级.网络投票等,以下是用C#实现的方法. 网页自动登录和提交POST信息的核心就是分析网页的源代码(HTML),在C#中,可以 ...