Web前端学习笔记1

时间:2021-08-30 22:41:13

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 常用浏览器

  Web前端学习笔记1

3.2 浏览器内核:渲染引擎。

3.3 常见浏览器内核。

Web前端学习笔记1

3.4 浏览器与服务器之间的大致关系

Web前端学习笔记1

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>:网页的标题

  Web前端学习笔记1Web前端学习笔记1

<body></body>:html的主体部分,网页中看到的文本,图片,输入框,按钮等都应写到这个标签中。

1.3 标签的分类

  单标签:只有开始标签,没有结束标签。例如 <! doctype html>

  双标签:有开始标签和结束标签。例如<html></html>

1.4 标签之间的关系

  并列关系:例如<head></head>或者<body></body>

  嵌套关系:例如<head>

            <title></title>

         </head>