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>

时间: 2024-10-05 05:53:28

Web前端学习笔记1的相关文章

WEB前端学习笔记 一

最近时间比较充裕,整理了一下学习过的笔记,此篇笔记包含了:Html.Css.JavaScript.Jquery.以及使用帝国CMS或是织梦CMS建立自己的网站,也许也会整理一下PHP的笔记,如果时间允许会整理完全. 虽然笔记是从最基础的开始,但是,并不包含电脑的基础知识,所以你必须已经掌握了一些电脑的基本操作,比如开关机,你的电脑用的是什么操作系统,至少也要会用word和wps吧.浏览器是做什么的,什么拷贝.复制.粘贴.知道最基本的文件类型,如,文本文件,视频文件,图片文件,什么是可执行文件,分

WEB前端学习笔记 四

接上一篇,web学习笔记 四,在此感谢您对此篇笔记的认可,但转发时请注明文章出自网知博学. 2.0  html的语法格式 html的标签要写在尖括号中 :<> 在在英文输入法状态下,按住shift键然后再按它左侧的尖括号就可了, 先学习一个简单的h1标签,是个标题标签,在html中这样写: <h1>我在h1标签中,我就是标题</h1> 那么h1标签中所包裹的文字,就标记成标题了.通过浏览器的解析后在页面上显示出来的效果就是字体加粗,加黑,和word中的标题性质一样! 大

WEB前端学习笔记 五

接web前端学习笔记第四篇,此篇为web学习笔记 五,在此感谢您的采集和转发,但请注明文章出自网知博学. 2.0.3  html标签的属性格式 现在我们知道了两个双标签分别是,标题标签:<h1> - <h6>.和段落标签:<p></p>还知道了一个换行的单标签:<br />,现在我们给<p></p>标签添加一个属性,来改变段落是右对齐,还是左对齐,还是居中. 如上图,<p>标签中的 align(中文就是排列的意

Web前端学习笔记(001)

....编号    ........类别    ............条目  ................明细....................时间 一.Web前端学习笔记                                    2016年6月15日10:38:53    /****************************************************************begin******************************

WEB前端学习笔记 三

接上一篇,web学习笔记 二,web学习笔记刚刚发出,就发现被其他网站采集了,在此感谢您的采集和转发,但请注明文章出自网知博学. 1.7  开发工具的选择 增强文本编辑器:EditPlus.Notepad++ 特点:比较小.占用系统资源比较少.代码颜色高亮显示.但没有代码自动补功能 IDE:(Integrated Development Environment,集成开发环境).IDE集成开发环境(简称IDE)开发环境就是指在开发软件的时候需要用到的软件.这些软件包括代码编辑器.编译器.调试工具和

web前端学习笔记:文本属性

今天的web前端笔记主要讲述文本属性,希望能帮助到正在学习web前端开发的初学者们,废话不多说了,一起来看看文本属性的相关内容吧. 文本属性 文本缩进 将Web页面上的一个段落第一行缩进,这是一种最常用的文本格式化效果.有的网站在段落的第一个字母前放一个很小的透明图像,这些图像将文本推到后面来制造一种缩进文本的感觉.另外一些网站则使用完全标准的空格(spacer)标记.而在CSS中有一种更好地方法实现文本缩进.那就是text-indent属性. 通过使用text-indent属性,所有元素的第一

WEB前端学习笔记 二

1.4  JavaScript和Jquery能做什么? JavaScript是Netscape公司开发的一种基于对象和事件驱动的脚本语言 ,并且可在所有主要的浏览器中运行 IE.Firefox.Chorme.Opera ,JavaScript 可用来向 HTML 页面添加交互行为,如表单数据合法性验证.网页特效.动画效果.数值计算,例如你现在浏览的网知博学的首页面上的图片循环播放和导航分类,淘宝和京东的商品分类菜单等.JavaScript 是一种弱类型语言,无需编译,可由浏览器直接解释运行 特点

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

看了javascript网页特效实例大全中的图片飘下的效果实例,觉得值得动手学习下. 就把图片改成雪花图,完成一个雪花飘下的效果. 并且,其中有些内容比较陈旧了,那么就学者改掉吧. 包括: 1.对left和top的操作仅支持IE浏览器,这咋行,必须得支持chrome. 2.控制图片下落的过程还要去检索element,不好吧,那就改成数组维持,直接操作数组中维持的对象,启不更快. 3.向文档中添加元素直接改成通过JS代码创建元素对象的方式. 实现思路: 1.初始化生成10个div,全都采用绝对定位

web前端学习笔记:JavaScript数组

今天主要给大家介绍javascript中数组的操作方法及函数的介绍,数组在其中的主要作用是使用单独的变量名来存储一系列的值.下面通过一些简单的javascript实例为大家讲解数组,具体的javascript教程如下: 字符串, JavaScript 字符串就是用'' 和""括起来的字符表示. 字符字面量, \n 换行, \t 制表, \b 退格, \r 回车, \f 进纸, \\ 斜杠,\' 单引号(') ,\" 双号(") \xnn 以十六进制代码nn 表示的一