20201205-3 HTML环境搭建与文件基本结构
HTML文件基本结构
1 <!DOCTYPE html> <!--html文档声明,声明此文档是一个html的文档-->
<!DOCTYPE html> H5 代码声明，一定要放文档最前面的位置
2
3 <!--标签定义及使用说明
4 <!DOCTYPE>声明位于文档中的最前面的位置,处于<html>标签之前。
5 <!DOCTYPE>声明不是一个HTML标签;它是用来告知Web浏览器页面使用了哪种HTML版木。
6
7 <!-快捷键: html+Tab-->
8 <html> <!--html开始标签-->
<html> 标签代表描述语言往下开始
9 <head><--网页的设置项和资源引用卸载head中,标签中的内容不会显示在网页上-->
head代表页面的头
10 <meta charset="UTF-8">
代表我们的语言，用的是 UTF-8
11 <title>001-html</title>
title是标签，是我们的标题
12 </head>
13 <body><!--网页的主体标签,网页上显示的内容都写在这个标签内-->
14 第一天前端
15 </body>
16 </html>
</html> 有开始，有结束
1-1
# 语言选择 HTML5
<!DOCTYPE html> # html代码的文档说明，说明是 H5 的代码
<html lang="en"> # 表示语言，en 代表英文 谷歌浏览器的语言识别，就是依靠这个
<head>
<meta charset="UTF-8">
<title>001_test.html</title> # 就是页面的标题
</head>
<body> # 是网页的主体标签，整个网页显示的内容都在 body 中
前端 html
</body>
</html>
20201205-3 HTML环境搭建与文件基本结构的更多相关文章
- react环境搭建及文件配置
webpack简介 构建工具(基于Nodejs)node(v16)前端工程化. 环境搭建 创建一个空的package.json npm init webpack核心包(提供了API,插件) npm i ...
- 001 开发环境搭建、安卓项目结构、R文件位置、asset目录创建
1.安卓开发平台搭建 (1)下载SDK基础工具包(自己的百度云中) (2)将下载的安装包(android-sdk_r24.4.1-windows.zip)解压后,放到以下路径 C:\SoftAppli ...
- 【VUE】Mac下vue 开发环境搭建，以及目录结构
1 安装Node.js 参看 node.js环境安装 http://www.cnblogs.com/richerdyoung/p/7265786.html 2 安装淘宝镜像 npm install ...
- 「MoreThanJava」Day 1：环境搭建和程序基本结构元素
「MoreThanJava」 宣扬的是 「学习,不止 CODE」,本系列 Java 基础教程是自己在结合各方面的知识之后,对 Java 基础的一个总回顾,旨在 「帮助新朋友快速高质量的学习」. 当然 ...
- 生产环境搭建MySQL复制的教程（转）
[导读] 网络上有很多关于MySQL复制搭建的步骤和范例,以及手册上有一章完整的篇幅,讲述MySQL复制的原理.搭建步骤.优化等,但依然存在很多刚开始学习MySQL知识或者刚进入DBA行业的朋友咨询, ...
- 秒杀系统(一)----环境搭建及集成Mybatis、Redis
1.1 环境搭建--pom文件 <?xml version="1.0" encoding="UTF-8"?> <project xmlns=& ...
- Thingsboard开发环境搭建及编译项目
第一部分:JDK 1,下载JDK, JDK地址:https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133 ...
- vue环境搭建与创建第一个vuejs文件
我们在前端学习中,学会了HTML.CSS.JS之后一般会选择学习一些框架,比如Jquery.AngularJs等.这个系列的博文是针对于学习Vue.js的同学展开的. 1.如何简单地使用Vue.js ...
- 史上最全最详细的环境搭建教程，行百里者手把手教你在windows下搭建Anaconda+pycharm+库文件（TensorFlow，numpy）环境搭建
我是在搭建TensorFlow开发环境的道路上走了很多弯路 掉了很多头发,为了让广大同学们不在受苦受累 下面我将手把手教你学习如特快速搭建python环境 快速导入numpy,PIL,pillow,等 ...
随机推荐
- Appium常用操作之「Toast提示信息获取」
坚持原创输出,点击蓝字关注我吧 作者:清菡 博客:Oschina.云+社区.知乎等各大平台都有. 目录 一.什么是 Toast 二.获取 Toast 提示信息的前提 1.针对这种元素,有的时候我们需要 ...
- 解决 Mac webstrom Mac bigsur 中 Can‘t use Subversion command line client:svn
解决 Mac webstrom Can't use Subversion command line client: svn The path to the Subversion executable ...
- LeetCode 中等题解（2）
31 下一个排列 Question 实现获取下一个排列的函数,算法需要将给定数字序列重新排列成字典序中下一个更大的排列. 如果不存在下一个更大的排列,则将数字重新排列成最小的排列(即升序排列). 必须 ...
- Mysql数据安全备份
数据安全备份的意义 在出现意外的时候(硬盘损坏.断点.黑客攻击),以便数据的恢复 导出生产的数据以便研发人员或者测试人员测试学习 高权限的人员那操作失误导致数据丢失,以便恢复 备份类型 完全备份:对整 ...
- 应届生应聘阿里，腾讯，美团90%会被问到的Netty面试题！史上最全系列！
1.BIO.NIO 和 AIO 的区别? BIO:一个连接一个线程,客户端有连接请求时服务器端就需要启动一个线程进行处理.线程开销大.伪异步 IO:将请求连接放入线程池,一对多,但线程还是很宝贵的资源 ...
- 了解 MySQL的数据行、行溢出机制吗？
目录 一.行 有哪些格式? 二.紧凑的行格式长啥样? 三.MySQL单行能存多大体量的数据? 四.Compact格式是如何做到紧凑的? 五.什么是行溢出? 六.行 如何溢出? 七.思考一个问题 关注送 ...
- Camtasia中对录制视频进行编辑——视觉效果
视频剪辑对很多人来说是一件很头痛的事,因为对着屏幕一下一下的进行调整会让人十分的心烦,导致花费了时间但是剪辑出来的视频质量却并不高.或许是因为你没有选择一款合适的软件,因为一款高质量的软件往往会给人带 ...
- FL Studio 插件使用教程 —— 3x Osc（下）
我们继续深入研究一下fl的3x Osc教程. 包络线是修饰音色非常重要的一个部件,有了它,音色不再是单调的长音,而能有长有短,有深有浅,变得丰富多彩.因此,学习包络线的运作原理很重要. 图1:包络线界 ...
- 让mac电脑更简单运行Windows软件的CrossOver，优势知多少？
如今,一些iPhone和iPad机型拥有Face ID功能,此功能作用允许用户通过面部识别来解锁设备.该功能还不能在Mac上使用,但是国外媒体于7月27日报道称,在公测第三版的macOS Big Su ...
- 给git日志添加好看的样式
windows添加如下命令,让入了全局环境里 git config --global alias.lg "log --color --graph --pretty=format:'%Cred ...