跳至主要內容
3-5 字符集

1. 字符集设置出现的位置

2. 单词的识记

公众号:AI悦创【二维码】

AI悦创·编程一对一

AI悦创·推出辅导班啦,包括「Python 语言辅导班、C++ 辅导班、java 辅导班、算法/数据结构辅导班、少儿编程、pygame 游戏开发、Linux、Web」,全部都是一对一教学:一对一辅导 + 一对一答疑 + 布置作业 + 项目实践等。当然,还有线下线上摄影课程、Photoshop、Premiere 一对一教学、QQ、微信在线,随时响应!微信:Jiabcdefh

C++ 信息奥赛题解,长期更新!长期招收一对一中小学信息奥赛集训,莆田、厦门地区有机会线下上门,其他地区线上。微信:Jiabcdefh

方法一:QQ

方法二:微信:Jiabcdefh


AI悦创原创...小于 1 分钟web 专栏web 专栏
02-footer置底的五种方式

你好,我是悦创。

网页切版时 footer 需要保持置底还是随文章高度放置呢?

当内容高度过短时,若能使 footer 保持置底,文章超出浏览器高度时可以跟随高度往下跑,可使网页相对美观。

如何做到呢?以下分享了五种制作的方式。

图示

网页切版时常会需要考虑 footer 需要保持置底还是随文章高度放置的问题,置底可以保持网页的美观,不需考虑网页内容过短时该如何处理,但若是每一页内容都很长时,则可不需要另外多做这方面的设定。

维持置底,需要注意的是并不是让他像 position: fixed 状态(不管滑鼠如何滚动都维持在浏览器最下面),也不是希望他像 sticky 一样固定维持在容器内部,而是在内容少时可以沾黏在浏览器最底部,内容多时可以沾黏在内容的最底部固定在页面的最下方。


AI悦创原创...大约 4 分钟web 专栏Web FQAweb 专栏Web FQA
3-4 认识 HTML5 骨架

1. 认识 HTML5 骨架

你好,我是悦创。

在前面的课程中,我已经告诉你,使用 ! 就可以快速生成 HTML5 的骨架。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

AI悦创原创...大约 3 分钟web 专栏web 专栏
3-3 自由编程

你好,我是悦创。

小伙伴们,前面我们学习了创建网页和浏览网页的方法,下面我们动手来编写自己的第一个网页,并在谷歌浏览器中查看页面效果哦。

效果图:

效果图

任务: (步骤)

(1)在编辑器中,输入英文状态的感叹号(!),并按 Tab 键生成 html 文档模板(使用其它方法也可以)。

(2)在模板的 body 标签中,输入内容“我的第一个网页!”。

(3)在浏览器中打开 html 页面,查看页面效果。


AI悦创原创...大约 1 分钟web 专栏web 专栏
3-2 浏览网页的方法

1. 浏览网页的方法

你好,我是悦创。

上一节课,我们学习了,如何快速的创建一个简单的 HTML 文件,但是我们要怎么浏览或者准确来说,怎么运行呢?

2. 网页的浏览-方法一

  • 直接在文件夹中双击网页图标,即可查看网页。
  • Chrome 浏览器非常适合开发, 所以要将 Chrome 浏览器设置为默认的浏览器 ,杀毒软件、管家通常会阻止这个操作,请妥善设置杀毒软件的相关设置。

现在打开如下图,空白页面:

我们如果要让其中存在内容,例如文字。那我们就需要在 VSCode 中进行编辑。


AI悦创原创...大约 2 分钟web 专栏web 专栏
3-1 创建第一个网页

1. 创建第一个网页

1.1 创建网页-方法一

  • 创建一个空文件夹,在 VScode 编辑器中打开这个文件夹
  • 按 ctrl + N 快捷键新建文件,保存格式必须要手动填写 ".html" 后缀

1.1.1 跟我操作

在你要存储网页的路径下,新建文件夹。新建文件夹我一般喜欢用快捷键。

  • Windows:ctrl + shift + N
  • MacOS:Command + shift + N
  • Linux:mkdir 文件夹名称

AI悦创原创...大约 2 分钟web 专栏web 专栏
2-1 互联网基本原理「了解即可」

1. 在本地开发,在服务器共享

这是什么意思呢?

这是说,我们程序员开发网站都是在自己电脑上开发的,我们管这样的环境称为本地。也就是,我们所有的开发操作都是在本地上完成的。

本地开发的程序员

我们开发的 .html.css.js 等文件,是需要上传到服务器后,才能被用户看见的。

img

AI悦创原创...大约 3 分钟web 专栏web 专栏
1-1 课程简介

HTML5 语法与基础标签

目录

  • 互联网基本原理

    • 互联网基本原理
  • HTML5 基础入门

    • 创建第一个网页
    • 浏览网页的方法
    • 认识 HTML 骨架
    • 字符集
    • title、关键词及页面描述
    • 认识标签
  • HTML5 的基本标签

    • 标题和段落标签
    • div 标签
  • HTML5 特性

    • HTML5 特性
  • 小悦医生项目开发

    • 小悦医生项目开发

AI悦创原创...大约 1 分钟web 专栏web 专栏
4-1 课程总结
  • VScode 要安装好、快捷键要背熟,当然最重要的是,心态要整理好。

  • 电脑桌面整理一下,我们要成为工程师了。

公众号:AI悦创【二维码】

AI悦创·编程一对一

AI悦创·推出辅导班啦,包括「Python 语言辅导班、C++ 辅导班、java 辅导班、算法/数据结构辅导班、少儿编程、pygame 游戏开发」,全部都是一对一教学:一对一辅导 + 一对一答疑 + 布置作业 + 项目实践等。当然,还有线下线上摄影课程、Photoshop、Premiere 一对一教学、QQ、微信在线,随时响应!微信:Jiabcdefh

C++ 信息奥赛题解,长期更新!长期招收一对一中小学信息奥赛集训,莆田、厦门地区有机会线下上门,其他地区线上。微信:Jiabcdefh

方法一:QQ

方法二:微信:Jiabcdefh


AI悦创原创...小于 1 分钟web 专栏web 专栏
2
3
4