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

你可能感兴趣的:(2018-03-13 前端学习第二课笔记)