HTML环境搭建与文件基本结构
 
HTML的基础
HTML环境搭建
Pycharm　　包含全部环境  编写（代码） →  运行浏览器 → 代码检查
Sublime　　 只是用来编写 HTML 代码；需要手动打开浏览器
 
建议用 Pycharm 即可
 
Py → Python
charm → 编译器
 
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环境搭建与文件基本结构的更多相关文章

  1. react环境搭建及文件配置

    webpack简介 构建工具(基于Nodejs)node(v16)前端工程化. 环境搭建 创建一个空的package.json npm init webpack核心包(提供了API,插件) npm i ...

  2. 001 开发环境搭建、安卓项目结构、R文件位置、asset目录创建

    1.安卓开发平台搭建 (1)下载SDK基础工具包(自己的百度云中) (2)将下载的安装包(android-sdk_r24.4.1-windows.zip)解压后,放到以下路径 C:\SoftAppli ...

  3. 【VUE】Mac下vue 开发环境搭建，以及目录结构

    1 安装Node.js 参看 node.js环境安装   http://www.cnblogs.com/richerdyoung/p/7265786.html 2 安装淘宝镜像 npm install ...

  4. 「MoreThanJava」Day 1：环境搭建和程序基本结构元素

    「MoreThanJava」 宣扬的是 「学习,不止 CODE」,本系列 Java 基础教程是自己在结合各方面的知识之后,对 Java 基础的一个总回顾,旨在 「帮助新朋友快速高质量的学习」. 当然 ...

  5. 生产环境搭建MySQL复制的教程（转）

    [导读] 网络上有很多关于MySQL复制搭建的步骤和范例,以及手册上有一章完整的篇幅,讲述MySQL复制的原理.搭建步骤.优化等,但依然存在很多刚开始学习MySQL知识或者刚进入DBA行业的朋友咨询, ...

  6. 秒杀系统(一)----环境搭建及集成Mybatis、Redis

    1.1 环境搭建--pom文件 <?xml version="1.0" encoding="UTF-8"?> <project xmlns=& ...

  7. Thingsboard开发环境搭建及编译项目

    第一部分:JDK 1,下载JDK, JDK地址:https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133 ...

  8. vue环境搭建与创建第一个vuejs文件

    我们在前端学习中,学会了HTML.CSS.JS之后一般会选择学习一些框架,比如Jquery.AngularJs等.这个系列的博文是针对于学习Vue.js的同学展开的. 1.如何简单地使用Vue.js ...

  9. 史上最全最详细的环境搭建教程，行百里者手把手教你在windows下搭建Anaconda+pycharm+库文件（TensorFlow，numpy）环境搭建

    我是在搭建TensorFlow开发环境的道路上走了很多弯路 掉了很多头发,为了让广大同学们不在受苦受累 下面我将手把手教你学习如特快速搭建python环境 快速导入numpy,PIL,pillow,等 ...

随机推荐

  1. python实现祝福弹窗

    接下来教大家怎么用python献上满满的祝福.首先给大家看一下最终模样. 注:密集恐惧症患者勿入! 模样大家已经看见了,首先想想一下,当朋友打开你发送过去的软件, 然后点击运行,结果,一个一个的窗口慢 ...

  2. 企业级工作流解决方案（九）--微服务Tcp消息传输模型之客户端处理

    客户端启动 客户端启动主要做三件事情,1. 从配置文件读取服务调用配置,存储到全局对象中.2. 指定客户端编解码器工厂.3. 预连接,即预先建立与服务端的通信Chanel. [DependsOn(ty ...

  3. Camtasia绿幕素材的视频合成

    随着科技和互联网的快速发展,让越来越多的人喜欢上了视频的各项制作,那么怎么让两个视频进行合成并一起播放呢?操作很简单,下面来讲解具体的操作步骤.小编选用的是Camtasia2019版本的视频编辑软件进 ...

  4. 如何合理利用iMindMap中的模板创建思维导图

    思维导图的制作并不是一项简单的工作,尤其是对许多工作或学习有特殊要求的朋友而言,当我们需要应对不同场景制作不同的思维导图时,总不能都靠自己从头制作,这样难度比较大也比较耗时.而iMindMap(win ...

  5. MathType如何打出带圆圈的点

    学习了圆的知识后,知道可以用带圆圈的点表示圆,比如"⊙O"表示圆O,即圆心为O的圆.那么要怎么在MathType中打出带圆圈的点? 方法一.直接在工具栏上选择输入 打开MathTy ...

  6. 在FL Studio中制作和优化人声和弦（Vocal Chords）

    人声和弦在Future Bass.Melodic Dubstep等类型的电子音乐中被常用.与一般的和弦相同,其主要起到为主旋律做铺垫的效果,但是人声和弦加入了人声的因素,可以使得和弦更有趣,更有电子音 ...

  7. [教程] Android Native内存泄漏检测方法

    转载请注明出处:https://www.cnblogs.com/zzcperf/p/9563389.html Android 检测 C/C++内存泄漏的方法越来越简便了,下面列举一下不同场景下检测C/ ...

  8. Linux Tomcat安装篇(daemon运行，开机自启动)

    目录 前言 作为一个Java后端开发者,tomcat想必是最最最熟悉的一个开发组件了,tomcat环境的搭建部署都十分简单.安装部署只需要两步,第一步下载,第二步解压,这样一个基础的tomcat环境就 ...

  9. web自动化-绕过登录

    两个方法: 1.常用的方法: 第一种方法是登录后查看网站的 cookie,请求 url 的时候把 cookie 带上(缺点是:cookie有时间限制.优点:简单,方便) 2.添加cookies的方式: ...

  10. CoProcessFunction实战三部曲之二：状态处理

    欢迎访问我的GitHub https://github.com/zq2599/blog_demos 内容:所有原创文章分类汇总及配套源码,涉及Java.Docker.Kubernetes.DevOPS ...