(1)先创建一个文件夹,命名为“源代码”,将该文件夹一拖动的方式用vscode打开,然后再创建一个文件夹“第二章”,在第二章里创建一个新的文件”1.编写第一个网页.html”

(2)代码:

(3)点击右键,找到 Open In Default Browser 或者是 Open In Other Browser,点击打开(最好用谷歌浏览器打开),这样一个简单的网页就出来了。

★注:没有这俩个选项,可以去应用商城去下载,输入 open in browser,下载第一个(标蓝的那一个)

(4)解读上面的代码:

  • <h1>标题</h1>:标题标签,这里写最大的标题。这类标签还有h2,h3..h6,6级标签,文字大小依次递减,独占一行且都会加粗。

  • <p>文字</p>:段落标签,独占一行,用于分段。

  • <body>内容</body>:是网页设计的标识,表示网页的主体。在它之间的东西是可以在网页上展示的。
  • <html>内容</html>:该标签限定了文档的开始点和结束点。
  • <!DOCTYPE html>:html5标准网页声明,是用来告知浏览器网页是采用html5版本编写的。
  • meta标签:自结束标签,可以用来定义页面编码语言、提供页面相关信息,元数据等。▪charset="utf-8":中文的网页需要用到的声明编码,否则会出现乱码name="keywords" ▪content="静夜思,诗词":提供网页的关键字,关键字用逗号隔开              ▪name="Description":描述网页的信息
  • 空格:&nbsp;(包括分号)如果想要多个空格就重复多个&nbsp;

(5)为了提高开发效率,vscode提供了快捷键来直接写出html的一个模板,如果vscode版本在1.69之前的,快捷键为英文感叹号+回车键(Tab);如果是之后的,输入html:5+回车即可(这个方法不分版本,通用的)

​​​​​

(6)html的注释为<!--   -->

以上是我学习网课后写的学习笔记,网课是小滴课堂的网课,因为刚开始学,有问题的地方望告知,谢谢。

注:有些内容来自百度,有些来自网课笔记

前端笔记:第二章:HTML怎么展示在网页上---- 第1集:怎么编写一个网页相关推荐

  1. Java黑皮书课后题第4章:*4.6(图上的随机点)编写一个程序,产生一个圆心位于(0,0)原点半径为40的圆上面的三个随机点,显示由这三个随机点组成的三角形的三个角的度数

    *4.6(图上的随机点)编写一个程序,产生一个圆心位于(0,0)原点半径为40的圆上的三个随机点,显示由这三个随机点组成的三角形的三个角的度数 题目 题目概述 破题 代码 题目 题目概述 *4.6(图 ...

  2. Web前端开发笔记——第二章 HTML语言 第四节 超链接标签

    目录 前言 一.超链接标签 (一)链接其它子网页 (二)链接其它站点 (三)虚拟超链接 二.从当前页面链接到指定位置 三.链接的访问情况 四.在新窗口中打开链接 例题 结语 前言 本节介绍超链接标签即 ...

  3. java网络编程 个人笔记 第二章 流

    java网络编程 个人笔记 第二章 流 流 I/O介绍 java流式输入/输出原理 输入输出流分类 节点流和处理流 节点流的类型 处理流的类型 InputStream(输入流) InputStream ...

  4. python爬虫笔记第二章

    前言 你好! 这是基于b站2021年路飞学成爬虫教程的python爬虫学习笔记,主要是方便作者复习和回顾课程内容. 已经发布了第一章和第二章,可以在主页中查看. python爬虫笔记(第二章) 前言 ...

  5. 深入理解 C 指针阅读笔记 -- 第二章

    Chapter2.h #ifndef __CHAPTER_2_ #define __CHAPTER_2_/*<深入理解C指针>学习笔记 -- 第二章*//*内存泄露的两种形式1.忘记回收内 ...

  6. 《Go语言圣经》学习笔记 第二章 程序结构

    Go语言圣经学习笔记 第二章 程序结构 目录 命名 声明 变量 赋值 类型 包和文件 作用域 注:学习<Go语言圣经>笔记,PDF点击下载,建议看书. Go语言小白学习笔记,几乎是书上的内 ...

  7. 《计算传播学导论》读书笔记——第二章文本分析简介

    <计算传播学导论>读书笔记--第二章文本分析简介 第一节 文本分析研究现状 常用文本挖掘技术 第二节 文本分析与传播学研究 (一)为什么文本挖掘技术逐渐受到传播学者的关注 (二)不同文本分 ...

  8. Computational Optimal Transport 笔记——第二章(2)

    Computational Optimal Transport 笔记--第二章(2) 符号说明 2. 理论基础 2.3 Kantorovich Relaxation SUM 2.4 Optimal T ...

  9. PhalAPI学习笔记 ——— 第二章接口服务请求

    PhalAPI学习笔记 --- 第二章接口服务请求 前言 接口服务请求 接口服务请求案例 自定义接口路由 开启匹配路由 配置路由规则 nginx apache 服务请求 结束语 前言 公司业务需要转学 ...

  10. 操作系统笔记 第二章

    操作系统笔记 第二章 1.有两个程序:A程序按顺序使用CPU10秒.设备甲5秒.CPU5秒.设备乙10秒.CPU10秒:B程序按顺序使用设备甲10秒.CPU 10秒.CPU5秒.设备乙5秒.CPU 5 ...

最新文章

  1. SQL与NoSQL区别-查询方式
  2. C语言-将数字转化为字符串
  3. [XUPT_ACM]寒假第一次比赛题解
  4. Objective-C MacOS以管理员权限运行程序
  5. 工作这几年所获、所感、所悟
  6. Java 中的List动态转Map集合
  7. win7电脑假死机怎么办
  8. eclipse中简单实现自己的工具类打包成jar包并在项目中使用
  9. [.NET] 怎样使用 async await 一步步将同步代码转换为异步编程
  10. java poi无法读取word_poi,word_POI读取word内容的疑问,poi,word,java - phpStudy
  11. jeecms 代码生成 Tools
  12. linux程序执行时内存情况
  13. ARM64体系结构与编程之cache必修课(上)
  14. 【三维路径规划】基于matlab粒子群算法无人机三维路径规划【含Matlab源码 192期】
  15. 回顾史上25款经典芯片:曾震撼了世界
  16. Java并发编程(十七)Java并发包中原子操作类原理
  17. 美颜SDK的出现给直播和短视频平台带来了哪些影响?
  18. 点亮LED灯及IAR调试
  19. Android SIM 主要流程
  20. 防止PayPal帐号冻结和解冻的经验

热门文章

  1. 栈溢出学习(二)Return2Libc
  2. 玉林首创广西全区不动产登记与房产交易一体化信息平台
  3. 陈天奇明年将加入CMU出任助理教授
  4. Android打空的签名包
  5. CSS3实现的4种3D文字效果
  6. 微型计算机知识做流水灯,微机原理流水灯的设计.doc
  7. 大学计算机基础试讲,试讲教案试讲教师魏绪建课程名称大学计算机基础讲授章节第八章.doc...
  8. 优先使用TimeUnit类中的sleep()
  9. sleep和wait的区别
  10. 配置使用豆瓣pip源