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的更多相关文章

  1. 【前端】Web前端学习笔记【2】

    [2016.02.22至今]的学习笔记. 相关博客: Web前端学习笔记[1] 1. this在 JavaScript 中主要有以下五种使用场景 在全局函数调用中,this 绑定全局对象,浏览器环境全 ...

  2. 【前端】Web前端学习笔记【1】

    ... [2015.12.02-2016.02.22]期间的学习笔记. 相关博客: Web前端学习笔记[2] 1. JS中的: (1)continue 语句 (带有或不带标签引用)只能用在循环中. ( ...

  3. Web前端学习笔记(001)

    ....编号    ........类别    ............条目  ................明细....................时间 一.Web前端学习笔记         ...

  4. web前端学习笔记

    web前端学习笔记(CSS盒子的定位) 相对定位 使用相对定位的盒子的位置常以标准流的排版方式为基础,然后使盒子相对于它在原本的标准位置偏移指定的距离.相对定位的盒子仍在标准流中,它后面的盒子仍以标准 ...

  5. web前端学习笔记：文本属性

    今天的web前端笔记主要讲述文本属性,希望能帮助到正在学习web前端开发的初学者们,废话不多说了,一起来看看文本属性的相关内容吧. 文本属性 文本缩进 将Web页面上的一个段落第一行缩进,这是一种最常 ...

  6. web前端学习笔记（二）---Django

    [前言]前面(一)学习了web的基础知识,介绍到了MVC,项目使用一个Django框架. Django book:https://code.ziqiangxuetang.com/django/djan ...

  7. Web前端学习笔记：Bootstrap框架

    很久之前就有很多人给我推荐twitter的Bootstrap框架,但是直到前几天我才真正学习了下Bootstrap,的确是相当棒的框架,至少从视觉体验上超越了很多以前碰到了前端UI框架.今天我要聊聊B ...

  8. Web前端学习笔记之jQuery基础

    0x0 jQuery介绍 jQuery是一个轻量级的.兼容多浏览器的JavaScript库. jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方便地进行Aja ...

  9. Web前端学习笔记之BootStrap

    Bootstrap介绍 Bootstrap是Twitter开源的基于HTML.CSS.JavaScript的前端框架. 它是为实现快速开发Web应用程序而设计的一套前端工具包. 它支持响应式布局,并且 ...

  10. web前端学习笔记---实现雪花飘落的效果

    看了javascript网页特效实例大全中的图片飘下的效果实例,觉得值得动手学习下. 就把图片改成雪花图,完成一个雪花飘下的效果. 并且,其中有些内容比较陈旧了,那么就学者改掉吧. 包括: 1.对le ...

随机推荐

  1. oracle merge用法

    动机: 想在Oracle中用一条SQL语句直接进行Insert/Update的操作. 说明: 在进行SQL语句编写时,我们经常会遇到大量的同时进行Insert/Update的语句 ,也就是说当存在记录 ...

  2. Algorithms Part 1-Question 6- 2SUM Median-数和以及中位数问题

    本次有两个编程问题,一个是求两个数的和满足一定值的数目,另一个是求中位数. 2SUM问题 问题描述 The goal of this problem is to implement a variant ...

  3. POJ 3312 Mahershalalhashbaz, Nebuchadnezzar, and Billy Bob Benjamin Go to the Regionals (水题，贪心)

    题意:给定 n 个字符串,一个k,让你把它们分成每组k个,要保证每组中每个字符串长度与它们之和相差不能超2. 析:贪心策略就是长度相差最小的放上块. 代码如下: #pragma comment(lin ...

  4. jQuery jsonp跨域请求

    跨域的安全限制都是对浏览器端来说的,服务器端是不存在跨域安全限制的. 浏览器的同源策略限制从一个源加载的文档或脚本与来自另一个源的资源进行交互. 如果协议,端口和主机对于两个页面是相同的,则两个页面具 ...

  5. 【灵感】wifi通过wifi发送优惠信息

    1.[灵感]wifi通过wifi发送优惠信息 http://content.businessvalue.com.cn/post/15362.html 2.手机彩票大爆发 http://content. ...

  6. 浅谈TCP优化

    原文地址:http://kb.cnblogs.com/page/197406/ 很多人常常对TCP优化有一种雾里看花的感觉,实际上只要理解了TCP的运行方式就能掀开它的神秘面纱.Ilya Grigor ...

  7. PostgreSQL的 initdb 源代码分析之十九

    继续分析: setup_dictionary(); 展开: 其中: cmd 是:"/home/pgsql/project/bin/postgres" --single -F -O ...

  8. ApiDemo/FragmentRetainInstance 解析

    /* * Copyright (C) 2010 The Android Open Source Project * * Licensed under the Apache License, Versi ...

  9. 解读Unity中的CG编写Shader系列4——unity中的圆角矩形shader

    上篇文章中我们掌握了表面剔除和剪裁模式 这篇文章将利用这些知识实现一个简单的,可是又非经常常使用的样例:把一张图片做成圆角矩形 例3:圆角矩形Shader 好吧我承认在做这个样例的时候走了不少弯路,因 ...

  10. PhoneGap开发手机程序入门教程

    用PhoneGap开发手机移动程序 1.     什么是PhoneGap PhoneGap是一个自由开放源码的开发工具和框架,允许利用HTML + JavaScript + CSS的强大功能在多个手机 ...