2018-03-13 前端学习第二课笔记

边看边练

• 快捷键

刷新网页：Ctrl+R（Windows）、Command+R（Mac）

• 面板设置

关闭浏览器侧栏；

设置面板，将工具条和面板放到右边。

创建和浏览第一个网页

1. 新建文件夹mywork—打开文件夹mywork—新建文件夹index.html

2. 快捷键 ！+Tab 自动建立文件结构

如图：

2.png

3.在两个body之间输入“这是我的第一个网页”，右键选择“Open In default Browser”

3.png

4.png

搭建http-sever开发环境

• 网站、远程服务器、软件、本地服务器之间的关系

1.png

• 网站 软件 本地服务器

• 搭建本地服务器
  npm install -g http-server
  cd /E前端学习/mywork 进入mywork工作目录
  http-server -c-1 运行软件
  复制网址在浏览器打开
  Ctrl+C停止

认识HTML

超文本标记语言，主要用于创建网页；
HT：超文本，超越文本本身；
ML：标记语言，使用简单的文本表示复杂的网页；
DTD
标签（Tag）： ………;
空白：空格、Tab、换行；
注释：<-- -->

HTML基本结构

• 一级标题 h1 h2
• 图 image
• 链接 a
• 段落 blockquote